jquery - 如何仅针对第一个孩子进行查找？

Question

如何只选择第一个孩子，例如：

$('ul.menu > li').addClass('first_li');

但是使用 find() 方法？

score 3 · Accepted Answer

你应该使用children()相当于你的选择器$('ul.menu > li')：

$('ul.menu').children('li').addClass('first_li');

score 2 · Accepted Answer

正如我在问题中所说，我指的是第一个孩子，而不仅仅是第一个孩子。所以如果有更多的后代，我不想针对他们。

来自原始选择器的一种简单方法是：

$('ul.menu').find('> li').addClass('first_li');

或者.children('li')按照其他人的建议。

score 0 · Accepted Answer

此外，如果您只是出于样式原因这样做，请考虑使用 CSS 选择器：

ul.menu li { border-top: 1px solid black; }
ul.menu li:first-child { border-top: none; }

score 0 · Accepted Answer

0

使用此代码...

$('ul.menu').find('li').eq(0).addClass('first_li');

于 2013-07-02T06:07:50.030 回答

score 0 · Accepted Answer

其他答案是正确的:first，但您还需要知道另一种方法比:first选择器快 4 倍（主要是因为您要避免另一个选择器查询）。

$($('ul.menu').find('li')[0]).addClass('first_li');

5 回答 5