复制多个元素值并在jQuery后追加文本

Question

我的页面上有价格标签：

<div>
<span class="priceTitle">10.00</span>
</div>
<div>
<span class="priceTitle">15.00</span>
</div>
<div>
<span class="priceTitle">20.00</span>
</div>

我想在span标记后追加跨度的值乘以数字。

不知怎的这样：

$( ".priceTitle" ).after( $( ".priceTitle" ).val()*1.20 );

......但这不起作用。

Answer 1

span没有.value属性。使用.each()来迭代.priceTitle元素，+运算符和.textContent元素，将字符串转换为数字;链.toFixed(2)如果你期望乘法产生十进制和两个零。

＆＃13;

＆＃13;

$(".priceTitle")
.each(function() {
  $(this).after(" " + (+this.textContent * 1.20).toFixed(2));
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span class="priceTitle">10.00</span>
</div>
<div>
  <span class="priceTitle">15.00</span>
</div>
<div>
  <span class="priceTitle">20.00</span>
</div>

＆＃13;

＆＃13;

＆＃13;