Номер заказа элемента подсветки

Question

Мне нужно получить номер элемента, выделенного по порядку (по javascript, jquery):

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

Итак, в этом случае я хочу получить число 3 в моей переменной.

Спасибо

Answer 1

Использование Индекс :

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

Примечание: поскольку индекс будет основан на 0, будет возвращено 2. Если вам нужно 3, просто добавьте 1.

Answer 2

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

Примечание: поскольку индекс будет основан на 0, будет возвращено 2. Если вам нужно 3 вместо этого, просто добавьте 1 к индексу.

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

Answer 3

Или просто 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; 
            }