Question

如果孩子没有标签，我正试图在Wordpress中隐藏父元素。这是代码：

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

如果php字符串为空，我想隐藏所有div #tags。

Answer 1

如果你使用html元素作为the_tags的$ before，$ sep和$ after参数，你可以在只有一个孩子（the）的时候隐藏#tags。

看看这篇文章：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>

Answer 2

您可以使用函数has_tag()检查是否有标记。

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

如果子div没有内容，则隐藏父div

2 个答案: