Блог

Я хочу получить индекс элемента в списке, подобный этому:

 <ul>
    <li>Option 1</li>
    <li class="selected">Option 2</li>
    <li>Option 3</li>
</ul>

// doesn't work
var selected = #('ul#options li').index('.selected');
// selected should == 1
  

Я мог бы сделать это с

 var selected = -1;

$('ul#options li').each(function(a, li){
    if($(li).hasClass('selected')){
        selected = $(li).parent().children().index(li);
    }
});
// selected == 1
  

но, похоже, должен быть более простой способ добиться этого.

Редактировать:

Я придумал

 $('ul#options li').index($('ul#options li.selected'));
  

какой из них лучше. Оказывается.index() нужен объект, а не просто строка селектора.

 var selected = $('ul li.selected').index(); // 1
  

jsFiddle.

Индекс основан на 0, поэтому вторым элементом является индекс 1 .

Получение индекса в старых версиях jQuery было сложным, но сейчас это довольно просто. 🙂

 var selected = $('ul li').index($('.selected'));
  

скрипка