如果数组的变量为空,如何在 html 中隐藏某些 id/class

How to hide certain id/class in html if variable of an array is empty

我是 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 bla",

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

所以我想在和弦变量为空时隐藏那个和弦选项卡

如果你想隐藏 div 只需添加隐藏的 class

<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>
         ';
     } 
?>
 <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>