javascript - 没有特定元素的 jQuery 选择器 : Selecting element,

Question

我最近开始使用 jquery 并坚持使用元素选择。

HTML 代码如下所示:

 <ul id="wantsAndNeedsPanelBar">

        <li><img src="../resources/css/images/2_imp.png"> #= data[i].subCategories[j].elements[k].text#</li>

        <li><img src="../resources/css/images/1_imp.png"> #= data[i].subCategories[j].elements[k].text#</li>

        <li>#= data[i].subCategories[j].elements[k].text#</li>

在选中/取消选中复选框时，我想隐藏所有没有 img 的列表元素。 我尝试了下面的代码但没有成功。

 if (e.checked){
       $("#wantsAndNeedsPanelBar li").show();
       $("#wantsAndNeedsPanelBar img").show();
   }else {

       $("#wantsAndNeedsPanelBar li").hide();
    }

感谢您的宝贵时间和帮助。

Answer 1

这就是你应该如何隐藏没有 img 的所有列表元素

$("#wantsAndNeedsPanelBar li:not(:has(img))").hide();

这里我们使用了:not()选择器，:has()选择器，请查看文档以了解更多信息。