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()选择，看看在文档更多地了解它。