在 WooCommerce 中使用 jQuery 获取可变产品价格？

Question

我每个产品都有一些包含不同价格的变体，我试图用 jQuery 获取产品变量价格，我得到了它，但是下面的代码仅获得最小变体价格，我想获取当前变体的当前价格。然后，当我更改另一个选择值时，前端的变化会以正确的价格变化，但在控制台日志中，最低价格会一次又一次显示，而不是相应变化的相应价格。

jQuery( '.variations_form' ).each( function() {
    // when variation is found, do something
    jQuery(this).on( 'found_variation', function( event, variation ) {
        var product    = '<?php echo wc_get_product($variation_id) ?>',
            price      = <?php echo $product->get_price() ?>;
        console.log(price);
    });
});

我试图查看该add-to-cart-variation.js文件wp-util.js 以找到某种方法，但我无法做到这一点。

有没有办法使用 jQuery 动态正确检索当前变化价格？

Answer 1

您的代码已在轨道上，只需使用变体即可获取价格、图像等

jQuery(document).ready(function() {
    jQuery( '.variations_form' ).each( function() {
        jQuery(this).on( 'found_variation', function( event, variation ) {
            console.log(variation);//all details here
            var price = variation.display_price;//selectedprice
            console.log(price);
        });
    });
   });