如何隐藏无有效链接的社交图标？PHP代码实现求助

你可以通过给每个社交图标列表项添加非空判断来实现需求，只有当数据库中对应的链接字段不为空（且排除纯空格的无效值）时，才渲染该图标。修改后的代码如下：

<?php
foreach ($stmtsocials as $socials) { ?>
    <ul class="social-profile social-profile-styled">
        <?php if (!empty(trim($socials['LT_SOC_FB']))) { ?>
            <li><a href="<?php echo $socials['LT_SOC_FB'] ?>" class="facebook-bg" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="facebook-bg"></i></a></li>
        <?php } ?>
        <?php if (!empty(trim($socials['LT_SOC_TWITTER']))) { ?>
            <li><a href="<?php echo $socials['LT_SOC_TWITTER'] ?>" class="twitter-bg" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="lab la-twitter"></i></a></li>
        <?php } ?>
        <?php if (!empty(trim($socials['LT_SOC_IG']))) { ?>
            <li><a href="<?php echo $socials['LT_SOC_IG'] ?>" class="instagram-bg" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="lab la-instagram"></i></a></li>
        <?php } ?>
    </ul>
<?php } ?>

关键改动说明 #

• 使用 !empty(trim($socials['字段名'])) 做判断：trim() 会先去掉字段值两端的空格，避免数据库中存的纯空格这类无效链接被误显示；empty() 则会判断处理后的值是否为空。
• 每个社交图标对应的 <li> 标签都被包裹在独立的条件判断中，只有满足条件时才会被渲染到页面上。

内容的提问来源于stack exchange，提问作者john