javascript - 在 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 标记后附加 Span 乘以数字的值。

就像这样:

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

...但这不起作用。

Answer 1

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

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

<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>