时间戳

首页 > 解决方案 > 如何从while循环中获取当前价格

javascript - 如何从while循环中获取当前价格

问题描述

你好男人和女孩，

正如您在下面看到的，我有 Jquery 代码和 PHP/HTML 代码。您可以在 Jquery 代码中看到价格变量。控制台日志打印所有产品的所有价格，但我想要当前数量点击值中的当前价格.update-quantity值。

.closest使用数量形式。我试图对价格表做同样的事情，但我无法弄清楚。

对不起，我是一个初学者，了解使用 jQuery 从 while 循环中获取值

//jquery函数

$(".update-quantity").click(function(e){
  var id       = $(this).data('id');
  var quantity = $(this).closest('.update-quantity-form').find('.cart-quantity').text();
  var price    = $('.update-price-price-form').find('.cart-price-price').text();
  console.log("Price: "+price);
});

//PHP HTML代码

  extract($row);

  // update quantity WORKS
  echo "<div class='update-quantity-form'>";
  <a class='update-quantity' data-id='{$id}'>-</a>
  <div class='cart-quantity'>{$quantity}</div>
  <a class='update-quantity' data-id='{$id}'>+</a>
  </div>";

  // update price DOESNT work
  echo "<div class='update-price-price-form'>";
  echo "&#8364;<span class='cart-price-price'>$price</span>";
  echo "</div>";
}

我的目标是使用价格值，然后使用具有数量值的 AJAX php 文件进行计算。然后我会在不刷新页面的情况下显示价格和小计。

感谢您的宝贵时间，不胜感激！

标签： javascriptphpjqueryhtml

解决方案

您需要找到的兄弟姐妹.update-quantity-form并从那里获取文本：

$(".update-quantity").click(function(e){
  var qf       = $(this).closest('.update-quantity-form');

  var id       = $(this).data('id');
  var quantity = qf.find('.cart-quantity').text();
  var price    = qf.siblings('.update-price-price-form').find('.cart-price-price').text();
  console.log("Price: " + price);
});

推荐阅读