Javascript 移除&；nbsp；从html

我想从下面的代码中删除

<div class="country-IN">
   <span class="locality">Barnala</span>
   &nbsp;&nbsp;
   <span class="state">Punjab</span>
   &nbsp;&nbsp;
   <span class="country">India</span>
</div>

巴尔纳拉
旁遮普省
印度

请帮我摆脱困境。

我建议：

var el = document.querySelector('.country-IN');
el.innerHTML = el.innerHTML.replace(/ /g,'');

或者，使用jQuery：

$('.country-IN').html(function(i,h){
    return h.replace(/ /g,'');
});

甚至：

$('.country-IN').children().each(function(i,e){
    this.parentNode.removeChild(this.nextSibling);
});

---

尽管简单地编辑HTML文件本身并删除这些字符串会更容易。

您可以使用PHP中的preg_replace来完成这项工作

<?php
$html = "YOUR HTML"
$new = preg_replace("!&nbsp;!", "", $html);
print($new);
?>

---

我以前使用过这个脚本，它应该可以正常工作。

您可以获取所需的元素并将其添加回元素的html

$('.country-IN').html(function(i,v){
   return $('<div>').append($(this).children('*')).html(); 
});

$（'.country IN'）.html（函数（i，v）{
返回$（''）.append（$（this.children（'*'））.html（）；
});

图书馆不可知论者：

(function() {
var country_els = document.querySelectorAll('.country-IN');

for (var i = 0; i < country_els.length; i++) {
    for (var j = 0; j < country_els[i].childNodes.length; j++) {
        var node = country_els[i].childNodes[j];
        if (typeof node.tagName === 'undefined') {
            node.parentNode.removeChild(node);
        }
    }  
}
})();

（函数（）{
var country_els=document.querySelectorAll（“.country IN”）；
对于（变量i=0；i

---

首先，获取整个HTML div并将其转换为字符串

convertHtmlToText(str)
{
   str = str.toString();
  return str.replace(/<[^>]*(>|$)|&nbsp;|&zwnj;|&raquo;|&laquo;|&gt;/g, ' ');
}

convertHTMLTOXT（str）
{
str=str.toString（）；
返回str.replace（/]*（>|$）||&zwnj；|»；|«；|/g'，）；
}

您将获得不带HTML标记的文本等

---

您可以在上述解决方案中添加多个条件

我们不需要javascript。我们只能用CSS隐藏

。将

font-size:0

添加到容器中，并将

font-size:1rem

添加到子容器中

.second{
字号：0；
}
.秒>跨度{
字号：1rem；
}

巴尔纳拉
旁遮普省
印度
巴尔纳拉
旁遮普省
印度

如何删除它？你不能打开文件并点击delete吗？这可能是一个存储在CMS中的代码片段…你在这里省略了分号：应该像JS Fiddle演示中那样读取

//g

。