Use switch to check the clicked button : index « jQuery « JavaScript Tutorial






<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("button").click(function(e) {
              switch ($("button").index(this)) {
                case 0 :
                  $("div").text("0");
                  break;
                case 1 :
                  $("div").text("1");
                  break;
                case 2 :
                  $("div").text("2");
                  break;
                case 3 :
                  $("div").text("3");
                  break;
              }
        
              $("span").text("" + value);
            });
        });
    </script>
  </head>
  <body>
    <body>
          <div>A div</div>
          <button>0</button>
          <button>1</button>
          <button>2</button>
          <button>3</button>
          <span></span>
    </body>
</html>








30.55.index
30.55.1.Get index among query
30.55.2.On click, returns the index (based zero) of that div in the page.
30.55.3.Returns the index for the element with ID foobar.
30.55.4.Returns the index for the element with ID foo within another element.
30.55.5.Returns -1, as there is no element with ID bar.
30.55.6.Use switch to check the clicked button