jquery<；李>；单击事件以创建子元素

HTML

我希望当单击每个

li

元素时，它们会向其子元素

ul

添加一个类（仅最近的

ul

，而不是它们内部的所有

ul

）

怎么做

对不起，我的英语不好

参考资料

如果要将类添加到li中的所有ul元素，请使用。

find（）

参考资料

如果要将类添加到li中的所有ul元素，请使用。

find（）

试一试

演示：

试试看

演示：

像这样吗

$('#wrapper li:has(ul)').click(function (e) {
    $(this).children('ul').toggleClass('myclass');
    e.stopPropagation();
})

像这样

$('#wrapper li:has(ul)').click(function (e) {
    $(this).children('ul').toggleClass('myclass');
    e.stopPropagation();
})

---

非常感谢。但我希望他们只将类添加到最近的子级

ul

，而不是它们内部的所有

ul

。该类只添加到该ul，但所有其他元素都继承了property@Boulevard请参阅更新。。这是因为事件传播使用css修复继承的颜色

ul，ul.myclass li ul{color:black；}

谢谢！但我希望他们只将类添加到最近的子级

ul

，而不是它们内部的所有

ul

。该类只添加到该ul，但所有其他元素都继承了property@Boulevard请参阅更新。。这是因为事件传播使用css修复继承的颜色

ul，ul.myclass li ul{color:black；}

$('li:has(ul)').click(function () {
    $(this).find('ul').addClass('ClassName');
});

$('#wrapper li:has(ul)').click(function (e) {
    $(this).children('ul').toggleClass('myclass');
    e.stopPropagation();
})

$('li').on('click', function(){
    // > mean one level children
    $('> ul', this).addClass('yourClass');
});