Question

如果 <i> 标记为空，我想隐藏第二个电话 <a> 标记。电话号码将使用 SheetDB 从 Google 表格中提取，并与 PODS 短代码一起显示。

代码如下：

    <p>Get my free no-obligation quote today: <span><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:<?php echo do_shortcode('[pods name="wpwc_replace_fields" slug="51" field="phone_number"]'); ?>"> <?php echo do_shortcode('[pods name="wpwc_replace_fields" slug="51" field="phone_number"]'); ?></a></span><br />
    <span><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:<?php echo do_shortcode('[pods name="wpwc_replace_fields" slug="142" field="phone_number_2"]'); ?>"><?php echo do_shortcode('[pods name="wpwc_replace_fields" slug="142" field="phone_number_2"]'); ?></a></span></p>

我不知道这是否可以简单地使用 CSS 或更可能的 javascript 来完成，但非常感谢任何建议！

Answer 1

在 WordPress 中，这通常是通过 php 完成的。

尝试将您的代码替换为：

    <?php
        $first_phone_number = do_shortcode('[pods name="wpwc_replace_fields" slug="51" field="phone_number"]');
        $second_phone_number = do_shortcode('[pods name="wpwc_replace_fields" slug="142" field="phone_number_2"]');
    ?>
    
    <p>Get my free no-obligation quote today: <span><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:<?php echo $first_phone_number; ?>"> <?php echo $first_phone_number; ?></a></span><br />

    <?php if ($second_phone_number): ?>
        <span><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:<?php echo $second_phone_number; ?>"><?php echo $second_phone_number; ?></a></span>
    <?php endif; ?>
    </p>

使用变量您还可以节省服务器资源，因为无需为每个电话号码调用两次 do_shortcode() :)

如果 <a> 标签为空，我如何隐藏 <i> 标签

1 个答案: