如果没有内容,如何隐藏div元素

时间:2013-08-14 07:06:04

标签: php html

只有当wordpress中的用户完成自定义字段时,我才能成功创建一个显示图标和文本标签的php语句。

字段位于div中,用于添加背景颜色。

我不知道如何在php语句中包装div,这样如果用户没有完成自定义字段,则后台不会显示在网站的前端。目前每个帖子都有背景

请有人告诉我如何将其应用于我目前的代码

非常感谢您的帮助:

<div id="tcntimes">
<?php
if(get_post_meta($id, "start_time", true)): ?>
<p><img src="myimage.png"/> 
<?php echo get_post_meta($id, "start_time", true); ?></p>
<?php endif;?>
  </div>

亲切的问候

瑞克

4 个答案:

答案 0 :(得分:1)

<?php if(get_post_meta($id, "start_time", true)): ?>
    <div id="tcntimes">
    <p><img src="myimage.png"/> 
    <?php echo get_post_meta($id, "start_time", true); ?></p>
    </div>
<?php endif;?>

对于两个字段,只需使用&amp;&amp;&amp; IF中的运算符转换为AND,这样您首先验证两个值,然后相应地显示div。

<?php if(get_post_meta($id, "start_time", true) && get_post_meta($id, "end_time", true)): ?>
    <div id="tcntimes">
    <p><img src="myimage.png"/> 
    <?php echo get_post_meta($id, "start_time", true); ?></p>
    <p><img src="myimage.png"/> 
    <?php echo get_post_meta($id, "end_time", true); ?></p>
    </div>
<?php endif;?>

答案 1 :(得分:0)

你也可以试试这个,

<div id="tcntimes" style="<?php (get_post_meta($id, "start_time", true)) ? echo 'display:block' : echo 'display:none'; ?>">
    <?php
    if(get_post_meta($id, "start_time", true)): ?>
    <p><img src="myimage.png"/> 
    <?php echo get_post_meta($id, "start_time", true); ?></p>
    <?php endif;?>
</div>

答案 2 :(得分:0)

要隐藏容器,如果没有内容,您可以:empty伪选择器:

div:empty {
   display: none;
}

请注意,如果容器有一个空格,则不算空

link

答案 3 :(得分:-1)

也尝试这个。它可能会帮助你

    <?php
    if(get_post_meta($id, "start_time", true)): ?>
    <div id="tcntimes" style="<?php (get_post_meta($id, "start_time", true)) ? echo 'display:block' : echo 'display:none'; ?>">
        <p><img src="myimage.png"/> 
        <?php echo get_post_meta($id, "start_time", true); ?></p>
    </div>
    <?php endif;?>