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






  1. JavaScript DHTML
  2. jQuery
  3. index

On click, returns the index (based zero) of that div in the page.

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








Related examples in the same category

1.Get index among query
2.Returns the index for the element with ID foobar.
3.Returns the index for the element with ID foo within another element.
4.Returns -1, as there is no element with ID bar.
5.Use switch to check the clicked button