Javascript Can'；t使用子选择器选择特定于目标的LI元素

我只是不知道我做错了什么

$（'ul.list>li:not（.sublist））。单击（函数（）{
警惕（“正在工作”）；
});


一个
两个
三


一,
二,
三,


使用，以便仅选择直接子元素：

ul.list > li

但由于这仍然会选择包含
.sublist
元素的
li
，请使用/selector的组合：

$('ul.list > li:not(:has(.sublist))').on('click', function () {
    // ...
});



$（'ul.list>li:not（：has（.sublist）））。在（'click'，函数（）{
警报（“工作”）；
});


一个
两个
三


一,
二,
三,


我已经这样做了，.sublist的子列表仍然处于激活状态。是的，刚刚看到它。成功了。太神了非常感谢你。有什么资源可以让我进一步学习吗？我想弄明白这一点已经有一段时间了，但我从未遇到过：has选择器。