jQuery中slice方法处理除法运算结果时失效问题排查

你的代码有两个核心问题：

• 类型与方法误用：strw是除法运算得到的数值类型，而slice()是字符串或数组的专属方法，直接对数字调用毫无作用。而且你后续是对jQuery DOM对象调用slice()，这是用来截取DOM元素集合的，根本不是处理文本内容的操作。
• 调用逻辑错误：$('#yourspendmbps').html(strw)返回的是jQuery对象，你接着调用的slice(0,4)是在操作DOM元素，不是修改刚插入的文本内容，所以完全达不到截取字符串的效果。

正确的实现代码 #

<div id="upload-final" class="final-stats">201.1</div>
<input type="text" id="yourprice" maxlength="10" placeholder="Price" value="100">
<div id="yourspendmbps"></div> <!-- 确保这个目标元素存在 -->

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<script>
    // 完成除法运算
    var calcResult = $("#yourprice").val() / $("#upload-final").html();
    // 将数值转为字符串后截取前4个字符
    var trimmedStr = calcResult.toString().slice(0, 4);
    // 把处理后的内容插入目标元素
    $('#yourspendmbps').html(trimmedStr);
</script>

额外说明 #

• 如果计算结果是整数（比如2），转字符串后slice(0,4)会保留完整的整数，不会出现异常；
• 如果你需要的是保留两位小数（而非单纯截取前4个字符），可以用calcResult.toFixed(2)，但注意这个方法会自动四舍五入（比如1.435会变成1.44），和你要的截取效果不同，按需选择即可。

内容的提问来源于stack exchange，提问作者Brad