将两个div的值相乘，然后用JS替换一个

Question

我想在未来进行 A/B 测试。为此，我在 Magento 中稍微改变了购物车。我的代码是：

<ol id="cart-sidebar" class="mini-products-list clearer">
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #1</p>
      <strong>6</strong><br/>
      <span class="price">9,14&nbsp;€</span>
    </div>
  </li>
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #2</p>
      <strong>3</strong><br/>
      <span class="price">7,36&nbsp;€</span>
    </div>
  </li>
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #3</p>
      <strong>3</strong><br/>
      <span class="price">7,36&nbsp;€</span>
    </div>
  </li> 
</ol>

在每个“项目”中，我想将 <strong> 标记中的值乘以价格，因为它仅用于 1 的数量。然后我想用产品的实际成本替换 <span class="price"> 中的内容。

一种乘法可能是

var one = parseInt($(".itemOne").text(), 10);
var two = parseInt($(".itemTwo").text(), 10);
$(".total").text(one * two);

但我不知道如何替换值以及如何摆脱  和€。也许你们有一个想法？！

Answer 1

给你一个解决方案

$('li').each(function() {
  var cost = (parseFloat($(this).find('span.price').text().replace(',','.')) * parseInt($(this).find('strong').text())).toFixed(2);
  
  $(this).find('span.price').text(cost + ' €');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ol id="cart-sidebar" class="mini-products-list clearer">
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #1</p>
      <strong>6</strong><br/>
      <span class="price">9,14&nbsp;€</span>
    </div>
  </li>
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #2</p>
      <strong>3</strong><br/>
      <span class="price">7,36&nbsp;€</span>
    </div>
  </li>
  <li class="item">
    <div class="product-details">
      <p class="product-name">Product #3</p>
      <strong>3</strong><br/>
      <span class="price">7,36&nbsp;€</span>
    </div>
  </li> 
</ol>

希望这会对你有所帮助。