子div divestにコンテンツがある場合は親divを非表示

Question

子がタグを持たない場合、Wordpressで親要素を非表示にしようとしています。

<div id="tags"> 
    <h4 class="tag-title">Tags</h4> 
    <?php the_tags('', ' ', '<br />'); ?> 
</div> 

私はPHPの文字列が空の場合、すべてのdiv #tagsを非表示にする： Тhisコードです。

Answer 1

タグがあるかどうかは、has_tag()で確認できます。

<?php if(has_tag()) { ?> 
<div id="tags"> 
    <h4 class="tag-title">Tags</h4> 
    <?php the_tags('', ' ', '<br />'); ?> 
</div> 
<?php } ?> 

Answer 2

the_tagsの$ before、$ sep、$ afterパラメータとしてhtml要素を使用すると、子供が1人しかいない場合は＃タグを非表示にすることができます。

この投稿を見る：Selector for when only one child exists in parent私は以下の例を思いついた。

<style> 
    .tags h4:nth-child(1):last-child{ 
     display: none; 
    } 
</style> 

<div class='tags' id='tags1'> 
    <h4>Some nonsense</h4> 
</div> 

<div class='tags' id='tags2'> 
    <h4>Some nonsense</h4> 
    <ul><li>Some</li><li>other</li></ul> 
</div>