如何使用jQuery定位点击下的元素

How to target elements under clicked with jQuery

本文关键字：元素 何使用 jQuery 定位      更新时间：2023-09-26

我想隐藏用户点击的元素下面的所有内容(但保留上面的内容)。看看这个演示:http://jsfiddle.net/dS2vA/

所以如果你点击第二个<li>下面的三个<li>应该是隐藏的。如果你点击第4个<li>，只有第5个元素应该被隐藏。

我试着用:not('clicked')做，但目标是点击元素上方的元素，以及。

任何想法?

只需使用以下内容:

$(this).nextAll().hide();
演示:

http://jsfiddle.net/dS2vA/1/

试试这样:

$('ul li').click(function() {
    $('ul li').each(function() {
        $(this).removeClass();
    })
    $(this).nextAll("li").slice(0,3).addClass('clicked');
})

除了VisioN的答案之外，更具体地说，您可以像这样为nextAll()添加一个选择器过滤器("li"):

$(this).nextAll("li").hide();
相关文章：