簡體   English   中英

</i>

[英]How do I hide an <i> tag if the <a> tag is empty

這是代碼:

    <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 來完成,但任何建議都會非常感謝!

嘗試將您的代碼替換為:

    <?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()來節省服務器資源:)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM