如何通过jQuery删除包含特定文本的div

Question

我正在尝试删除包含和空间的div。 它不起作用，请帮助

<div id="contentrow" class="contentrow_afterlhsrhs">
&nbsp;                  </div>
if($('.contentrow_afterlhsrhs').html() == "&nbsp;                   ") {
 $('.contentrow_afterlhsrhs').remove();
}

http://jsfiddle.net/L8dwn/141/

Answer 1

这是小提琴：

http://jsfiddle.net/L8dwn/143/

您可以尝试删除空间并添加空间。 仅当有几个 这才会删除div   和div内部的空间。

<!-- This will not remove your div -->
<div id="contentrow" class="contentrow_afterlhsrhs">&nbsp;</div>

和

<!-- This will remove your div -->
<div id="contentrow" class="contentrow_afterlhsrhs">&nbsp;              </div>

这是JavaScript代码：

var myContent = $('.contentrow_afterlhsrhs').html();
var trimContent = $.trim(myContent);
var contentWihoutNbsp = myContent.replace(' ','');

if( trimContent == " " && contentWihoutNbsp ){ 
    $('.contentrow_afterlhsrhs').remove();
}

Answer 2

使用jquery的$ .trim（）函数从字符串中删除不必要的空格。 提取div的.html（）后，修剪空格并将其与字符串进行比较。

if($.trim($('.contentrow_afterlhsrhs').html()) == " ") {
    $('.contentrow_afterlhsrhs').remove();
}

Answer 3

更简单的方法：

$('.contentrow_afterlhsrhs:contains("\u00a0                     ")').remove();

（您必须将 的unicode表示形式用于contains（）过滤器）。

编辑：JSFiddle： https ://jsfiddle.net/L8dwn/144/

Answer 4

请检查以下工作代码：

 console.log("Before Remove :" + $('.contentrow_afterlhsrhs').html()); if($.trim($('.contentrow_afterlhsrhs').html()) == " ") { $('.contentrow_afterlhsrhs').remove(); } console.log("After Remove :" +$('.contentrow_afterlhsrhs').html()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="contentrow" class="contentrow_afterlhsrhs"> &nbsp; </div>