对多个元素进行循环遍历并计算每个元素的价格折扣-PHP中文网问答

我正在尝试找到每个个体

的旧价格和新价格之间的百分比差异。目前，我的代码只能获取第一个

的百分比差异，并将相同的百分比差异循环到其余的

中。有人知道如何更新此代码以针对每个个体

而不仅仅是循环第一个吗？我想使用纯JavaScript实现这个功能，不需要jQuery。

const priceDifference = () => {
  const regPrice = document.querySelector('.old').innerText;
  const salePrice = document.querySelector('.new').innerText;

  const priceNumReg = parseFloat(regPrice.substring(1));
  const priceNumSale = parseFloat(salePrice.substring(1));
  const finalPrice = priceNumReg - priceNumSale;

  const percentage = document.querySelectorAll('.percentage');
  const percent = (finalPrice / priceNumReg) * 100;

  for (i = 0; i < percentage.length; i++) {
    if (percentage[i].textContent.trim() === '') {
      percentage[i].textContent += ' (' + percent.toFixed(0) + '% OFF)';
    }
  }
};

priceDifference();

<div class="price">
  <div class="old">$14.00</div>
  <div class="new">$6.00</div>
  <div class="percentage"></div>
</div>

<div class="price">
  <div class="old">$12.00</div>
  <div class="new">$5.00</div>
  <div class="percentage"></div>
</div>

<div class="price">
  <div class="old">$18.00</div>
  <div class="new">$3.00</div>
  <div class="percentage"></div>
</div>

P粉506963842

全部回复(0)

专题推荐

更多>

热门话题

热门教程

更多>