如何从以下代码读取data-product_id

时间:2019-04-30 14:04:23

标签: javascript ajax wordpress woocommerce

我有一个脚本,它在woocommerce中捕获了我向购物车中添加产品的事件。

yield

在按下

中的ADD_TO_CART按钮之后
    <script>
        (function($){
           $('body').on( 'added_to_cart', function(e, fragments, cart_hash, this_button){
              console.log('this_button:',this_button);
           });
        })(jQuery);
    </script>

我得到了这个答案,并在其中看到了我想要的product_id

console.log(this_button);

现在的问题是如何从此序列中找到data-product_id的值。 这个问题实际上与woocomerce无关,而与JS本身有关。 预先感谢您的所有帮助。

2 个答案:

答案 0 :(得分:0)

我唯一可以建议您的是尝试致电:

<div class="wrap">
  <main>
    <aside>Aside</aside>
    <div class="content">
      <section class="blue">Blue</section>
      <section class="yellow">Yellow</section>
      <section class="green">Green</section>
    </div>
  </main>
</div>

console.log(this_button.context['data-product_id'])
//returns undefined 

请记住要负责任地喝这种Flaszka。 :)

答案 1 :(得分:0)

您可以通过将其添加到.click()函数中来获取值。

$(this).data('product_id');

尝试:

 <script>
        (function($){
           $('body').on( 'added_to_cart', function(e, fragments, cart_hash, this_button){
              console.log($(this_button).data('product_id'));
           });
        })(jQuery);
    </script>