删除' '

Question

我正在寻找一种从我的 html 代码中删除 ' ' 的方法，在 stackoverflow.com 上找到了多种方法，但这些方法都不起作用！

HTML

<p>No Space</p>
<p>&nbsp;1 Space</p>
<p>&nbsp;&nbsp;2 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;3 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;4 Spaces</p>

jQuery

$(document).ready(function() {

    $('p').text().replace(/ /g, '');
    //$('p').html($(this).html().replace(/ /gi,''));

});

jsfiddle - 游乐场 http://jsfiddle.net/MrTest/hbvjQ/85/

Answer 1

您的代码中有   而不是  

$('p').each(function(){
    $(this).html($(this).html().replace(/ /gi,''));
});

http:// /jsfiddle.net/genesis/hbvjQ/76/

Answer 2

这个将替换每个空白字符：

$('p').text(function (i, old) {
    return old.replace(/\s/g, '')
});

或者如果您只想替换不间断空格：

$('p').text(function (i, old) {
    return old.replace(/\u00A0/g, '')
});

jsFiddle 演示

我使用 闭包作为 .text() 的参数来设置新值。

---

请注意，HTML 实体最后需要结束 ;。

Answer 3

这是一个非 jQuery 的答案，因为使用 jQuery 来完成这样的任务是多余的，除非您已经将它用于网站上的其他内容：

var p = document.getElementsByTagName('p');

Array.prototype.forEach.call(p, function(el) {
  el.innerHTML = el.innerHTML.replace(/ /gi, '');
});

<p>No Space</p>
<p> 1 Space</p>
<p>  2 Spaces</p>
<p>   3 Spaces</p>
<p>    4 Spaces</p>

Answer 4

尝试一下

$('p').each(function() {
     $(this).html($(this).html().replace(/ /g, ''));
});

，或者如果您想删除   尝试

$('p').each(function() {
      $(this).html($(this).html().replace(' ', ''));
});

，还请注意空格是   而不是   （您丢失了；）

Answer 5

根据 bažmegakapa' 答案，这可以用于包含其他元素的元素。

$('p').html(function (i, old) {
    return old.replace(/ /g, '')
});

.text() 删除 html 元素； .html() 没有

Answer 6

这是代码：

$('p').each( function() {
    var elem = $( this );
    elem.html( elem.html().replace( / /g,'' ) );
} );

这是jsfiddle： http://jsfiddle.net/hbvjQ/62/