如果数组的变量为空，如何在html中隐藏特定的id/类

Question

我是php新手。

隐藏选项卡如果数组变量为空。

<ul id="myTab" class="nav nav-tabs nav-justified">
                <li class="active"><a href="#eng" data-toggle="tab"><i class="fa fa-tree"></i> English</a>
                </li>
                </li>
                <li class=""><a href="#cho" data-toggle="tab"><i class="fa fa-car"></i> Chords</a>
                </li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade active in" id="eng">
                    <div class="lyrics-body-txt">
                    <div class="english"> `<?php echo $song["eng"]; ?>`
                    </div></div>
                </div>
                 <div class="tab-pane fade" id="cho">
                    <div class="lyrics-body-txt">
                    <div class="chords"> `<?php echo $song["chords"]; ?>`
                    </div></div>
                </div></div></div>'

"english" => "bla bla bla bla"，

"chords" => "， ----这是空的

所以当chords变量为空时我想隐藏chords选项卡

Answer 1

 <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="eng">
                <div class="lyrics-body-txt">
                <div class="english"> <?php echo $song["eng"]; ?>
                </div></div>
            </div>
            <?php 
            if($song["chords"] != '')
            {
                ?>
                <div class="tab-pane fade" id="cho">
                    <div class="lyrics-body-txt">
                        <div class="chords"> <?php echo $song["chords"]; ?></div>
                    </div>
                </div>
                <?php
            }
            ?>
        </div>

Answer 2

如果你想隐藏div，只需添加隐藏类

<div class="chords <?php if(empty($song["chords"]) echo 'hidden'; ?>">

如果你不想要:

<?php 
     if(!empty($song["chords"])) {
         echo '
               <div class="tab-pane fade" id="cho">
                    <div class="lyrics-body-txt">
                    <div class="chords"> '.$song["chords"].'
                    </div></div>
                </div>
         ';
     } 
?>