Как удалить div, который содержит определенный текст от JQuery

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

функция использование $ .trim() в JQuery, чтобы удалить ненужные пробелы из строки. После извлечения .html() div обрезает пробелы и сравнивает их со строкой.

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

Answer 2

Simpler подход:

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

(вы должны использовать Юникод представление   для фильтра содержит()).

Edit: JSFiddle: https://jsfiddle.net/L8dwn/144/

Answer 3

Пожалуйста, проверьте рабочий код ниже:

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>

Answer 4

Вот скрипка:

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(); 
}