Как получить номер заказа элемента

как я могу получить номер заказа некоторого элемента javascript/jquery?

<ul>
 <li>Anton</li>
 <li class="abc">Victor</li>
 <li class="abc">Simon</li>
 <li>Adam</li>
 <li>Peter</li>
 <li class="abc">Tom</li>
</ul>

Существует 3xli с классом abc. Теперь я должен получить порядок (последовательность) число Simon li.

Заранее спасибо

22
задан Old Pro 25 January 2019 в 07:51
поделиться

2 ответа

С помощью метода JQuery index ()

30
ответ дан 29 November 2019 в 04:46
поделиться

Вы можете сделать это следующим образом, используя селектор с .index () , например:

$('li:contains(Simon)').index('.abc'); //returns 1, it's 0 based
//Or this...
$('li').filter(':contains(Simon)').index('.abc'); //returns 1

Без селектора вы 'd получить 2 , индекс

  • в родительском целом, независимо от класса. Вы можете просмотреть быструю демонстрацию здесь . Имейте в виду, что это индекс, основанный на 0, в некоторых случаях может потребоваться + 1 результат для отображения, в зависимости от того, для чего вам это нужно.

  • 7
    ответ дан 29 November 2019 в 04:46
    поделиться
    Другие вопросы по тегам:

    Похожие вопросы: