gpt4 book ai didi

javascript - jQuery 表格中的小数点四舍五入

转载 作者:行者123 更新时间:2023-12-01 02:12:49 26 4
gpt4 key购买 nike

我不知道是否可以在这里提出问题,我真的不知道如何解决

如何使用 jquery 将表中的所有数字舍入为仅显示 1 位小数?

<table>
<tr>
<th>2012</th>
<th>2013</th>
<th>2014</th>
<th>2015</th>
<th>2016</th>
</tr>
<tr>
<td>2.53</td>
<td>2.56</td>
<td>7.45</td>
<td>54.32</td>
<td>2.534</td>
</tr>
<tr>
<td>54.43</td>
<td>26.24</td>
<td>33.65</td>
<td>33.65</td>
<td>2.53</td>
</tr>
<tr>
<td>33.56</td>
<td>46.23</td>
<td>33.65</td>
<td>24.76</td>
<td>3.65</td>
</tr>
</table>

最佳答案

逗号替换为.并使用toFixed(1)

$( "td" ).each( function(){
var value = $(this).text();
value = Number(value.replace(/,/, "." )).toFixed(1);
$(this).text( value );
});

演示

$( "td" ).each( function(){
var value = $(this).text();
value = Number(value.replace(/,/, "." )).toFixed(1);
$(this).text( value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<th>2012</th>
<th>2013</th>
<th>2014</th>
<th>2015</th>
<th>2016</th>
</tr>
<tr>
<td>2,53</td>
<td>2,56</td>
<td>7,45</td>
<td>54,32</td>
<td>2,534</td>
</tr>
<tr>
<td>54,43</td>
<td>26,24</td>
<td>33,65</td>
<td>33,65</td>
<td>2,53</td>
</tr>
<tr>
<td>33,56</td>
<td>46,23</td>
<td>33,65</td>
<td>24,76</td>
<td>3,65</td>
</tr>
</table>

编辑

由于现在只有小数,因此只需将值转换为数字后使用 toFixed(1)

$( "td" ).each( function(){
var value = $(this).text();
value = Number(value).toFixed(1);
$(this).text( value );
});

关于javascript - jQuery 表格中的小数点四舍五入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49648387/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com