删除DOM中的小数位

时间:2014-09-25 16:39:02

标签: javascript jquery html

我有一大堆HTML,它是通过PHP生成的,并在一个范围内生成一个带有两个小数位的数字,其类别为“amount”:

<span class="amount">200.00</span>

我要做的是使用客户端方法来改变跨度内的文本,因此它没有小数位(即在这种情况下; 200),所以我不需要编辑任何原始文本PHP,因为这是通过插件生成的。

欢迎任何想法。

2 个答案:

答案 0 :(得分:2)

您可以使用jQuery的.each方法遍历每个元素,然后只使用split方法获取整数部分

$(function(){
  //Go through each element
  $(".amount").each(function(item){
     //split the text on the dot, and then take the front piece
     $(this).text( $(this).text().split(".")[0] );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="amount">200.00</span><br />
<span class="amount">220.40</span><br />
<span class="amount">5.40</span><br />
<span class="amount">90.95</span><br />

请注意,如果您事先知道值将始终具有.00值,则可以使用

$(this).text( +$(this).text() );

通过强制它成为一个数字(通过在前面加上+)并返回到一个字符串(当它被设置为元素文本时)将导致它丢失小数部分

答案 1 :(得分:0)

您可以获得价值$(“span.amount”)。text()。replace(“。”,“”)。在JS中它只会替换一个“。”实例,你就可以使用它了。