Jquery obtains the index number of the current element in the Peer element.

How to Use jquery to obtain the index number of the current element in the same generation element is described in the following example:

<ul class="img"><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul>

If I bind a click event to each img element, how can I know which img I am currently clicking in the click function? That is, how does one know its index number? (For example, if a single ad1.jpg request is returned, the return value 0, ad2.jpg, or the first return value 1 and 2) is as follows:

$('.img img').bind('click',function(){    alert($('.img img').index(this));});

In addition, you can directly use:

$(this).index();

This method gets the index number. After testing, the second method is more concise, and the obtained index number is relative to the current parent element, rather than the first method relative to the entire body element.

Articles you may be interested in

• How to insert an element to the front of the body element in js
• How does php Delete the first and last elements of an array?
• Jquery obtains the set of peer elements, and summarizes the usage of jquery siblings
• How to obtain the complete url address and parameters in javascript
• Windows cannot start the hardware device because its configuration information (in the Registry) is incomplete or damaged. (Code 19) Solution
• JavaScript retrieves the current date and time and displays the day of the week at the same time
• Mysql database cache function analysis, debugging, and performance summary
• JavaScript calculates the number of characters currently entered