Let's say I have the following html <pre class="prettyprint"><code><ul> <li id="a">a</li> <li id="b">b</li> <li id="c">c</li> </ul> <ul> <li id="d">d</li> <li id="e">e</li> <li id="f">f</li> </ul> </code></pre> If I used jQuery to grab the item <code>$('#e')</code>, how do I determine the position or position/index of <code>e</code> relative to its siblings <code>d</code> and <code>f</code>? In other words, I'm expecting the value 1 (if zero based index) to be returned or 2 (if one based index) because it is the second element in the <code>ul</code> list.

Simple: <code>var idx = $('#e').index() // zero based</code>

example jquery get index/position of sibling

Tags:

indexing

Let's say I have the following html

<ul>
  <li id="a">a</li>
  <li id="b">b</li>
  <li id="c">c</li>
</ul>
<ul>
  <li id="d">d</li>
  <li id="e">e</li>
  <li id="f">f</li>
</ul>

If I used jQuery to grab the item $('#e'), how do I determine the position or position/index of e relative to its siblings d and f? In other words, I'm expecting the value 1 (if zero based index) to be returned or 2 (if one based index) because it is the second element in the ul list.