Has anyone got an idea how to get child's index in jQuery. E.g.:
<ul>
<li>Item 1</li>
<li class="active">Item 2</li>
<li>Item 3</li>
</ul>
I want to get the li.active's child index ? Any ideas how?
Asked
Active
Viewed 145 times
0
SitecoreNoob
- 301
- 1
- 3
- 12
Yasen G.
- 43
- 6
-
6What do you mean by key? It's index? – BenM Jul 23 '14 at 10:09
-
Excuse me, yes I mean index. – Yasen G. Jul 23 '14 at 10:10
-
Alternatively, see [this question](http://stackoverflow.com/questions/23009441/get-index-of-li-with-id?rq=1). – Ja͢ck Jul 23 '14 at 10:30
4 Answers
3
Assuming you mean you want to get the index, you can use jQuery's index() function, which returns the index relative to the parent as a 0-based integer. For example:
$('li.active').index();
In your code will produce 1 (because li.active is the second element of the parent <ul>).
From the Doc:
Return Values
If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.
BenM
- 52,573
- 26
- 113
- 168
1
You can use jQuery's index() function for this:
$( "li.active" ).index();
Return Values
If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.
Lix
- 47,311
- 12
- 103
- 131
