li：列表中特定班级的第一个孩子？

Question

我有一个列表，如下所示：

<ul>
  <li class="empty">bla</li>
  <li class="item">text1</li>
  <li class="item">text2</li>
<ul>

现在可以通过JQuery选择特定类的li:first-child吗？

我不想选择class="empty"，我想选择“项目”的第一项......

$('ul li.item:first-child')无效。

谢谢！

Answer 1

$('ul li.item:first');

或

$('ul li.item').first();

http://jsfiddle.net/ZMsdd/1/

Answer 2

您不能使用:first-child因为它被定义为：“选择所有父元素的第一个子元素。”在您的情况下不是这样。但是，:first定义为：“选择第一个匹配的元素。”。这有效：

$('ul li.item:first')

http://jsfiddle.net/n4JhH/

但是，如果您要应用此ul多个$('ul').each(...)，它实际上不起作用。然后你必须为每个{{1}}＆lt;申请它 - 我不知道是否有更简单的解决方案。

Answer 3

也许可以使用

$("li.item").first().hide();

jsfiddle here：http://jsfiddle.net/uPjP9/

Answer 4

[已编辑]这应该有效

$('ul li:not(.empty):first')

http://jsfiddle.net/H9rxx/