特定の要素が含まれていない場合に要素を非表示にするjQueryスクリプトがあります。
<script type="text/javascript">
$(document).ready(function(){
$("div.main div p").not(":has(span)").css("display","none");
});
</script>
<div class="main">
<div>
<p>Hello <span>OK</span></p>
<p>Hi</p>
</div>
<div>
<p>Yo</p>
</div>
</div>
このスクリプトは、<p>Hi</p>
と<p>Yo</p>
テキストを非表示にします。
下の div にを含む要素がdiv.main
含まれていないかどうか、または別の方法で確認するにはどうすればよいですか: div の下のすべての要素が に設定されている場合...そして、それらの divを<p>
<span>
<p>
display:none
display:none
したがって、HTML 出力は次のようになります。
<div>
<p>Hello <span>OK</span></p>
<p style="display:none">Hi</p>
</div>
<div style="display:none">
<p style="display:none">Yo</p>
</div>