我有一个图片库,图片下方有一个信息栏和一个带有项目标题和描述的关闭按钮。
但问题是,如果我将标题和描述留空,信息栏和十字仍然会出现。当标题和描述为空时,我希望它们都不存在。我不能将 infobar 和 infobar-close div 类放在 if ($project1title !== '') 等之后,因为那样我必须为每个项目重复它们,然后我将拥有多个 infobar 和 infobar-close div 类。
我该如何解决这个问题?
<div class="infobar"><div class="infobar-close"></div>
if ($project1title !== '') if ($project1description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project2title !== '') if ($project2description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project3title !== '') if ($project3description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project4title !== '') if ($project4description !== '') {
echo '<span id="title"></span><span id="description"></span>';
</div>