On click, returns the index (based zero) of that div in the page. : index « jQuery « JavaScript Tutorial






  1. JavaScript Tutorial
  2. jQuery
  3. index
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("div").click(function () {
              var index = $("div").index(this);
              $("span").text("That was div index #" + index);
            });


        });
    </script>
  </head>
  <body>
    <body>
        <span></span>
        <div>A</div><div>B</div>

    </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