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

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

Joakim Johansson · Accepted Answer · 2012-03-09 07:40:14Z

6

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

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

answered Mar 9, 2012 at 7:40

Joakim Johansson

3,1781 gold badge29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SyntaxError: missing ) after argument list [Break On This Error] var index = $('li').index($('li:contains("Jerry")'); :(

Ah, sorry, fixed it. Missing a parenthesis.

Roland Mai · Accepted Answer · 2012-03-09 09:44:09Z

3

Somewhat more efficiently:

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

answered Mar 9, 2012 at 7:43

Roland Mai

31.2k8 gold badges58 silver badges61 bronze badges

You'll have to change it to jerry.parent().children().index(jerry); though, since .index works on a set of elements.