jquery - 删除每个元素上的空白 - 修剪

Question

我想删除每个项目的空白.amount

我在 .amount 类上使用 trim 和 each，但它似乎不起作用:

jQuery('.amount').each(function(){
    jQuery(this).text().trim();
})

我仍然得到空白:

<span class="amount">€  159</span>

知道我做错了什么吗？

Answer 1

您并不是要修剪内容，而是要替换内容中的空格。 trim() 将仅删除前导和尾随空格，而不是内容内的空格

jQuery('button').click(function() {
  jQuery('.amount').text(function(i, text) {
    return text.replace(/\s+/, '');
  })
})

.amount {
  white-space: pre-wrap;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="amount">€  159</span>
<button>Remove</button>