Numéro de commande de l'élément en surbrillance

Question

i besoin d'obtenir le numéro d'ordre élément en surbrillance (par javascript, jquery):

<li>A</li> 
<li>B</li> 
<li class="highlight">C</li> 
<li>D</li> 

donc, dans ce cas, je veux obtenir le numéro 3 dans ma variable.

Merci

Answer 1

Utilisez Index:

var highlighted = $('li').index($('.highlight')); 

Note: puisque l'indice sera de 0 base, cela renvoie 2. Si vous avez besoin 3 au lieu, il suffit d'ajouter 1.

Answer 2

Ou plaine js :

var index; 
var lis = document.getElementsByTagName("li"); 
     for (var i = 1; i < lis.length; i++) { 
      if (lis[i].className == "highlight") { 
       alert("this index: " + i); 
       index = i; 
      } 

Answer 3

$('li').each(function(index) { 
    if ($(this).hasClass('highlight')){ 
    alert(index); 
    }; 
}); 

Note: puisque l'index sera basé sur 0, cela retournera 2. Si vous avez besoin de 3 à la place, ajoutez simplement 1 à l'index.

$('li').each(function(index) { 
     if ($(this).hasClass('highlight')){ 
     alert(index+1 + ': '+ $(this).text()); 
     }; 
    });