Geek asks and answers

Question about choosing jquery

I have this markup:

<UL>
    <LI class=odd>bla</LI>
    <LI class=even>bla</LI>
    <LI class=odd>bla</LI>
    <LI class=even>bla</LI>
    <LI class=odd>bla</LI>
    <LI class=even>bla</LI>
</UL>

my question is: how can I select all lis as "with an odd class OR even" using only one selector? I just can't just use $ ("li"), because li can also contain

thank

+3
source share
7 answers

Use multiple selector :

$('li.odd, li.even');
+4
source

You do not need to specify these classes; you can just write

$('ul.Root > li')

This will select all <li>elements that are direct children of the <ul>class Root.
He will not select nested <li>s.

<ul> .

+3

-, .

<ul>
    <li class="odd">bla</li>
    <li class="even">bla</li>
    <li class="odd">bla</li>
    <li class="even">bla</li>
    <li class="odd">bla</li>
    <li class="even">bla</li>
</ul>


$('li.odd, li.even')

...

<ul id="theUl">
    <li class="odd">...</li>
    <li class="even">...</li>
    <li class="odd">...</li>
    <li class="even">...</li>
    <li class="odd">...</li>
    <li class="even">...</li>
</ul>


$('#theUl li')
+2

:

 $("li.odd, li.even")

, .

+2

, ,

$("li.even") // selects only even class
$("li.odd")  // selects only odd class
$("li.even, li.odd") // selects both odd and even

, . jQuery DOM . , jQuery document.getElementsByTagname() .

+2

$("li.even") or $("li.odd")

:

$("li.even, li.odd")
+1

ul id:

<ul class="something">
</ul>

$('ul.something > li.even, ul.something > li.odd')

0

More articles:


All Articles