jQuery Selector：选择元素，没有特定元素

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()选择器，查看文档以了解更多信息。