javascript - 使用javascript对元素内的数字进行四舍五入

Question

我正在尝试将逗号后的数字四舍五入到两位数。该数字位于跨度内并具有特定的类:

    <span class="roundup">1.982366834736872</span>

我尝试过以下代码，但没有成功:

    $('.roundup').ready(function() {
        $(this).val(parseFloat($(this).val()).toFixed(2));
    });

我是 JavaScript 新手。那么有人可以帮我吗？

Answer 1

您走在正确的道路上，但需要纠正代码中所示的一些问题

1. 要等到 DOM 准备好，您需要使用 ready关于 jQuery $(document)对象，而不是.roundup本身。
2. 使用.each迭代所有综述元素
3. 如roundup元素是 <span>不是<input> , .val不会工作，但.text会的。

$(document).ready(function(){
  $('.roundup').each(function() {
     $(this).text(parseFloat($(this).text()).toFixed(2));
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<span class="roundup">1.982366834736872</span>