删除javascript中的非中断空格

Question

I am having trouble removing spaces from a string. 我在从字符串中删除空格时遇到问题。 First I am converting the div to text(); 首先我将div转换为text(); to remove the tags(which works) and then I'm trying to remove the " &nbsp " part of the string, but it wont work. 删除标签（有效），然后我试图删除字符串的“ &nbsp ”部分，但它不会工作。 Any Idea what I'm doing wrong. 我知道我做错了什么。 Thanks. 谢谢。

newStr = $('#myDiv').text();
newStr = newStr.replace(/&nbsp;/g,'');

$('#myText').val(newStr);


<html>
  <div id = "myDiv"><p>remove&nbsp;space</p></div>
  <input type = "text" id = "myText" />
</html>

Answer 1

When you use the text function, you're not getting HTML but text : the   当您使用text功能时，您不会获得HTML而是文字：   entities have been changed to spaces. 实体已更改为空格。

So simply replace spaces : 所以简单地替换空格：

 var str = " a     b   ", // bunch of NBSPs newStr = str.replace(/\\s/g,''); console.log(newStr)

If you want to replace only the spaces coming from   如果您只想更换来自 的空格 do the replacement before the conversion to text : 在转换为文本之前进行替换：

newStr = $($('#myDiv').html().replace(/&nbsp;/g,'')).text();

Answer 2

.text() / textContent do not contain HTML entities (such as   ), these are returned as literal characters. .text() / textContent不包含HTML实体（例如  ），它们作为文字字符返回。 Here's a regular expression using the non-breaking space Unicode escape sequence: 这是使用非中断空格 Unicode转义序列的正则表达式：

var newStr = $('#myDiv').text().replace(/\u00A0/g, '');
$('#myText').val(newStr);

Demo 演示

It is also possible to use a literal non-breaking space character instead of the escape sequence in the Regex, however I find the escape sequence more clear in this case. 也可以使用文字不间断空格字符而不是正则表达式中的转义序列，但是在这种情况下我发现转义序列更清晰。 Nothing that a comment wouldn't solve, though. 但是，评论不会解决任何问题。

It is also possible to use .html() / innerHTML to retrieve the HTML containing HTML entities, as in @Dystroy's answer. 也可以使用.html() / innerHTML来检索包含HTML实体的HTML，如@Dystroy的答案。

Below is my original answer, where I've misinterpreted OP's use case. 以下是我的原始答案，我误解了OP的用例。 I'll leave it here in case anyone needs to remove   我会留在这里以防万一有人需要删除  from DOM elements' text content 来自DOM元素的文本内容

[...] However, be aware that re-setting the .html() / innerHTML of an element means trashing out all of the listeners and data associated with it. [...]但是，请注意，重新设置元素的.html() / innerHTML意味着删除所有与之关联的侦听器和数据。

So here's a recursive solution that only alters the text content of text nodes, without reparsing HTML nor any side effects. 所以这里是一个递归解决方案，只改变文本节点的文本内容，而不重新分析HTML或任何副作用。

function removeNbsp($el) {
  $el.contents().each(function() {
    if (this.nodeType === 3) {
      this.nodeValue = this.nodeValue.replace(/\u00A0/g, '');
    } else {
      removeNbsp( $(this) );
    }
  });
}
removeNbsp( $('#myDiv') );

Demo 演示

删除javascript中的非中断空格

问题描述

2 个解决方案

解决方案1
17 已采纳 2013-10-23 18:27:15

So simply replace spaces : 所以简单地替换空格：

解决方案2
12 2013-10-23 18:38:43

删除javascript中的非中断空格

问题描述

2 个解决方案

解决方案1 17 已采纳 2013-10-23 18:27:15

So simply replace spaces : 所以简单地替换空格：

解决方案2 12 2013-10-23 18:38:43

解决方案1
17 已采纳 2013-10-23 18:27:15

解决方案2
12 2013-10-23 18:38:43