Question

我有一个Javascript函数来设置数千个分隔符的数字。我的HTML代码中有许多具有相同类的Span标记，我想要应用于所有这些标记。

<span class="money">here is the number</span>

<script type="text/javascript">
  function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>

如何在此课程的每个范围内应用Javascript？

Answer 1

使用.text(function(index, text))：

$('.money').text(function(index, old_value) {
    return numberWithCommas(old_value);
});

为匹配选择器的每个元素调用给定函数，并将其当前文本值作为第二个参数传递;返回的值将成为新的文本内容。

Answer 2

获取集合，迭代：

var spans = document.getElementsByClassName("money");
for (var i = 0; i < spans.length; i++) {
    spans[i].innerHTML = numberWithCommas(spans[i].innerHTML);
}

Answer 3

$('.money').each(function(){
     $(this).text(numberWithCommas($(this).text());  
});

在span中应用javascript函数

3 个答案: