jquery选择器问题

Question

我有这样的标记：

<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？ 我不能简单地使用 $("li") 因为 li 也可能包含 li 的

感谢

Answer 1

使用多重选择器：

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

Answer 2

您不需要指定这些类；您可以简单地编写

$('ul.Root > li')

这将选择所有

元素，这些元素是

类 Root 的直接子元素。
它不会选择任何嵌套的
• 。

您可以使用所需的任何类或 ID 选择器来选择父

。

Answer 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')

Answer 4

试一试：

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

顺便说一下，您的标签应该使用小写。

Answer 5

就像 Nick Spiers 所说，但请确保添加标签名称以提高效率，

$("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() 来提高效率。

Answer 6

类选择器

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

要获取 2 个类中任一类的所有 li：

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

Answer 7

给你的第一个 ul 一个类或 id：

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

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

这只会获得最高的 li