`href ="/test/profile "`が含まれている場合にのみ `node-inner`クラスのdivの内容を削除するにはどうしたらいいですか？

Question

私はそれがhref="/test/profile"が含まれている場合<div class="node-inner">のコンテンツを削除するusercssを使用するこの

<div class="node-inner">   
... 
    <a href="/test/profile" title="View user profile.">test</a> 
...  
</div> 

ようなHTMLを持っています。

私のアプローチ

.node-inner[class='node-inner'] { 
display: none; 
} 

すべてをフィルタリングします。クラスnode-innerのdivのコンテンツを削除するには、href="/test/profile"が含まれている場合のみどうすればよいですか？

Answer 1

あなたはJS

経由でそれを行うことができ、ここでのjQueryを通じてそれを行うの簡単な例です：

あなたはバニラのJavaScriptでそれを行うことができますどのように

$('.node-inner > [href="/test/profile"]').css('display', 'none') 

Fiddle (With jQuery)

そして、ここで：

document.querySelectorAll('.node-inner > [href="/test/profile"]').forEach(function(el) { 
    el.style.display = "none"; 
}) 

Fiddle (With Javascript)