如何使用jQuery去除HTML价格元素中的.00小数部分？

安全阿岳

2026-5-20

嘿，这个需求挺常见的，我给你分享两个实用的jQuery解决方案，你可以根据场景选择：

方法1：直接替换文本中的`.00`

如果你的价格只有.00这种小数需要去掉，其他比如.99的小数想保留，这个方法最合适：

$(document).ready(function() {
  // 遍历所有.price元素，替换文本里的.00
  $('.price').text(function(index, currentText) {
    return currentText.replace('.00', '');
  });
});

原理很简单：用text()方法的回调函数获取当前价格文本，然后用replace()把.00替换成空字符串，这样₹399.00就变成₹399，而如果是₹499.99这种非.00的价格会保持原样。

方法2：利用`data-price-amount`属性构建价格（更可靠）

看你的HTML结构里，外层的.price-wrapper已经有data-price-amount="399"这个属性，里面存的就是不带小数的真实价格，用这个数据源来生成文本会更稳定，避免文本格式变化导致的问题：

$(document).ready(function() {
  $('#product-price-4432 .price').text(function() {
    // 获取父级的data属性值
    var priceAmount = $(this).closest('.price-wrapper').data('price-amount');
    // 拼接货币符号和价格
    return '₹' + priceAmount;
  });
});

这个方法的好处是：不管原来的价格文本有没有小数，都直接用数据源里的整数，就算以后价格动态更新，只要data-price-amount同步更新，这个代码就能正确显示整数价格。