Get index element in list with jQuery

Question

<ul>
  <li>Kelvin</li>
  <li>Jerry</li>
  <li>Adi</li>
  <li>Dani</li>
  <li>Olvin</li>
</ul>

How to get the index of the <li> element that contains "Jerry"?

I've tried to read these

• http://api.jquery.com/jQuery.each/
• http://api.jquery.com/index/

But can't find the answer :( Can you help me with that?

Answer 1

Using jQuery's .index will give you the index of an element in the given elements:

var index = $('li').index($('li:contains("Jerry")'));

Answer 2

Somewhat more efficiently:

var jerry = $('li:contains("Jerry")');
var jerry_index = jerry.siblings().index(jerry);