How to Use jquery to obtain the index value of the current element _ jquery

This article describes how to use jquery to obtain the index value of the current element. The example shows how to use jQuery to obtain the index of the current element in creating image carousel effects, for more information about jquery's usage of retrieving the index value of the current element, see the following example. Share it with you for your reference. The details are as follows:

When performing image rotation on the Promotion page today, the following information is displayed on the left of the page number. The effect is as follows:

Ideas:

When the page is in the current status, the "active" style is added.

Obtain the index value of li class = "active" and find the corresponding image description.

Solution:

Using jquery index (), you can easily achieve this effect.

The Code is as follows:

HTML:

   
  
                      
   
   
  
                           
  
 
 
    
  
  
1
    
  
  
2
    
  
  
3
    
  
  
4
    
  
  
5
  
 
 
   
 

JavaScript: