删除' ' - 仍然在尝试

Question

还在寻找一种' '从我的html代码中删除的方法,在stackoverlow.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>&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>

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()才不是