jQuery只选择带有$（this）的元素

Question

我正在使用一些代码来滑动ul：s以层次结构的形式。 Foreach点击li ul ul $(this)应该滑动切换。我正在尝试使用$(document).ready(function(){ $(".list").click(function(){ $(this).children('ul').slideToggle(); }); }); 来选择已单击的元素，而是选择使用相同类的所有元素。 我应该如何编写代码以使其只选择一个元素？

{{1}}

Answer 1

这是因为子元素中的单击也是父元素中的单击，它会触发多个事件。

您可以使用e.stopPropagation阻止此操作，但您还需要更改选择器。试试这个：

$(document).ready(function(){
    $("#nestedlist li").click(function(e){
        e.stopPropagation()
        $(this).children('ul').slideToggle();
    });
});

http://jsfiddle.net/Tz85y/1/