[英]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.