如果<h2></h2>中没有文本，我可以删除<h2></h2><br>吗？

Question

这是我正在修改的php代码，使标题和描述文本框出现在滑块上方。如果在滑块中设置了标题和描述，那么它会很好，但是在其他页面上，我只想要图像--相反，在读取<h2>和<br>标记时会显示一个空的“文本框”。

无论如何，我可以做一个if .$item‘’itemImageTitle‘&.$item’‘itemTitle’空显示图像，如果不是空的话，也可以显示框吗？

css

.nivo-caption h2 {
font-size: xx-large;
color: #fff;
}

.theme-default .nivo-caption {
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    /* z-index: 20; */
    -moz-text-shadow: 1px 1px 0 #000;
    -webkit-text-shadow: 1px 1px 0 #000;
     text-shadow: 1px 1px 0 #000;
  position: absolute;
  left: 23px;
  bottom: 20px;
  background: rgba(58, 88, 129, 0.5);
  color: #fff;
  width: 95%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 1;
  overflow: hidden;
  display: none;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

php

<div class="slider-wrapper <?php  echo "theme-".$theme_title;?>" id="<?php  echo "slider-wrapper-".$bID; ?>">
    <div id="<?php  echo "nivo-slider-".$bID; ?>" class="nivoSlider" style="width: 100% !important;">
    <?php   
    foreach($items as $item) { 
        echo (strlen($item['itemUrl'])>1) ? '<a href="'.$item['itemUrl'].'">' : '';
        echo '<img src="'.$item['itemImageSrc'].'" alt="'.$item['itemImageAlt'].'" title="<h2>'.$item['itemTitle'].'</h2><br>'.$item['itemImageTitle'].'" data-thumb="'.$item['itemImageSrc'].'" >';
        echo (strlen($item['itemUrl'])>1) ? '</a>' : '';
    } 
    ?>

    </div>

</div>

Answer 1

正如你所说的，if .$item['itemImageTitle'] & .$item['itemTitle'] empty show just the image。你可以试试这个

<div class="slider-wrapper <?php  echo "theme-".$theme_title;?>" id="<?php  echo "slider-wrapper-".$bID; ?>">
    <div id="<?php  echo "nivo-slider-".$bID; ?>" class="nivoSlider" style="width: 100% !important;">
    <?php   
    foreach($items as $item) { 
        echo (strlen($item['itemUrl'])>1) ? '<a href="'.$item['itemUrl'].'">' : '';

        $my_title = "";
        if(!empty($item['itemImageTitle']) && !empty($item['itemTitle'])){
           $my_title = '<h2>'.$item['itemTitle'].'</h2><br>'.$item['itemImageTitle'].'</h2>';

        }


        echo '<img src="'.$item['itemImageSrc'].'" alt="'.$item['itemImageAlt'].'" title="'.$my_title.'" data-thumb="'.$item['itemImageSrc'].'" >';
        echo (strlen($item['itemUrl'])>1) ? '</a>' : '';
    } 
    ?>

    </div>

</div>