Selecting element from variable with class

Question

I have a group of items like this:

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li class="special"></li>
</ul>

and I have a jquery variable which is:

item = $('ul li')

how do I select the 'li' with the special class, using the variable. So that I could for example do something like this:

$(<item with special class>).click();

score 4 · Accepted Answer · answered Feb 06 '14 at 19:58

4

If the elements are at root level, meaning it's the LI that has the class, not any of it's children, you would filter the collection against that selector.

var item    = $('ul li')
var special = item.filter('.special')

answered Feb 06 '14 at 19:58

adeneo

312,895
29
395
388

score 1 · Answer 2 · answered Feb 06 '14 at 19:56

1

You can use selector like this

var item = $('ul li.special')

answered Feb 06 '14 at 19:56

Sachin

40,216
7
90
102

is $('ul').find('li.special') a tiny bit faster? – Huangism Feb 06 '14 at 19:58
2

@Huangism do a speed test and let us know – scrowler Feb 06 '14 at 19:58
interesting post http://stackoverflow.com/questions/6230266/jquery-single-selector-vs-find – Sachin Feb 06 '14 at 20:03

Selecting element from variable with class

2 Answers2