隐藏<li>嵌套在两个div中</li>

Question

我有以下HTML，并希望隐藏前两个<li>实例。我正在努力只处理此列表中的<li>，因为我在页面上有多个同一类的其他列表，但是只想定位这个。

因此，我希望能够将<li>内的<ul class="ProductList">嵌套在<div class="Blockcontent"> <div class="Featured">内<div class="Featured" id="#Featured"> <div class="BlockContent"> <ul class="ProductList"> <li>product here</li> <--- hide <li>product here</li> <--- hide <li>product here</li> <li>product here</li> </ul> </div> </div>

$('.Featured').find('ul:li(2)').hide();

这是我目前的尝试：

<li>

如何修改此选项以仅隐藏前两个{{1}}元素？

Answer 1

jQuery's slice() function将允许您为给定选择器定位特定范围的元素。例如，要隐藏示例中的前两个<li>，您可能希望这样做：

$('#Featured .BlockContent ul.ProductList li').slice(0, 1).hide()

Answer 2

。

$（ '特色 '）找到（' UL：LI（2）'）addClass（ “隐藏”）;。 ///其中.hide只定义“display：none”。

Answer 3

几乎关闭

$('.Featured').find('ul:li(2)').hide();

你应该使用eq来定位元素..

$('.Featured ul').find('li:eq(0), li:eq(1)').hide();

您还可以利用lt

$('.Featured ul').find('li:lt(2)').hide();