2015-11-17 106 views
1

我想隱藏包含單詞「translation」的文本並隱藏父類。jquery parent-selector與contains-selector結合使用

我用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $("h4:contains(translation)").css("display", "none"); 
    }); 
</script> 

這工作正常,並隱藏包含單詞文字「翻譯」

我如何可以延長該隱藏起來,而我調用父類的「類=」物品─列表項 「?

我試圖

$(」 物品清單項目>包含(翻譯) 「)(顯示」, 」無「)的CSS。」

但它並沒有隱藏一切,直到樣本class class =「article-list-item」..任何想法?

回答

2

你可以使用:has() jQuery選擇:

$(".article-list-item:has(h4:contains(translation))").css("display", "none"); 
+0

謝謝。有用!大! –

+0

您有任何提示,「:has」和「:contains」之間有什麼區別? –

+0

這些是具有不同目的的不同選擇器,請檢查DOC。 ':has()'讓你通過過濾它的內容來選擇一個容器 –

相關問題