php - 在结账时向运费添加 Logo - WooCommerce

Question

我正在尝试在结账时返回的运费前面添加一个小小的 FedEx Logo 。我可以使用下面的方法记录运费标签的文本，但未添加图像。

function add_fexdex_logo(){
    ?>
    <script>
        var fedexEdit = jQuery('label[for=shipping_method_0_fedex13first_overnight]').text();
        console.log(fedexEdit); //this works
        fedexEdit.replace('FedEx', '<image src="https://www.example.com/fedexlogo.jpg" alt="fedex logo"></image>'); //this doesn't
    </script>
    <?php
}
add_action( 'woocommerce_cart_totals_after_order_total', 'add_fexdex_logo' );
add_action( 'woocommerce_review_order_after_order_total', 'add_fexdex_logo' );

我认为这与结帐中的 Ajax 有关，因此如果有更好的钩子(Hook)或方法来执行此操作，那么了解会有所帮助。

Answer 1

已解决:

没关系，我是个土狗。我无法用图像替换 .text() 中的字符串。以下是工作版本。

function add_fexdex_logo(){
    ?>
    <script>
        var fedexEdit = jQuery('label[for=shipping_method_0_fedex13first_overnight]');
        console.log(fedexEdit);
        fedexEdit.before('<image src="https://www.example.com/fedexlogo.jpg" alt="fedex logo"></image>');
    </script>
    <?php
}
add_action( 'woocommerce_cart_totals_after_order_total', 'add_fexdex_logo' );
add_action( 'woocommerce_review_order_after_order_total', 'add_fexdex_logo' );