如果数组的变量为空,如何在 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>
我是 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>