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()選擇，看看在文檔更多地瞭解它。