Jak mogę wybrać cały pusty znacznik przy użyciu jQuery.?

Question

Jak mogę zaznaczyć pusty znacznik za pomocą jQuery.

Chcę wybrać

<p></p> 
<p style="display: block"></p> 
<p> </p> 
<p>  </p> 
<p>&nbsp;</p> 

i nie

<p>0</p> 
<p>Test</p> 

Próbowałem z :empty ale to nie działa z moich opcji. Każda pomoc w tym zakresie jest bardzo doceniana.

Answer 1

Możesz to zrobić, używając jQuery.filter().

var empty_p = $('p').filter(function(){ 
    return !$.trim($(this).text()); 
}).get(); 

Answer 2

Zastosowanie jQuery filter:

$('p').filter(function() { 
    return !$(this).text().trim(); 
}); 

Answer 3

$(document).ready(function(){ 
    $("p").each(function(index){ 
     var html = $(this).html(); 
     html = filter(html, " "); 
     html = filter(html, " "); 

     if ($(this).html() == ""){ 
      //YOUR CODE 
     } 
    }); 
}); 

function filter(string, char){ 
    while(string.indexOf(char) > 0){ 
     string.replace(char, ""); 
    } 
} 

JS FIDDLE

Answer 4

Można to zrobić za pomocą jQuery filter i trim metod.
Oto przykład praca: http://jsfiddle.net/snqSw/

$("p").filter(function(){ 
     $(this).text($.trim($(this).text())==""?"Works":$(this).text()); 
          }); 

Answer 5

jeden sposób, aby to zrobić, używając wyrażeń regularnych zamiast trim():

$('p').filter(function() { 
    return !/\S/.test($(this).text()); 
}) 

(JSFiddle)

pamiętać, że ta (i wszystkich innych rozwiązanie oparte na $(this).text()) będzie również pasować np Niniejszy ustęp:

<p><a href="http://example.com">&nbsp;</a></p> 

lub nawet:

<p><img src="http://example.com/image.gif"></p> 

W zależności od tego, co chcesz zrobić z ust, to może lub nie może być to, co chcesz. Jeśli nie, będziesz potrzebował czegoś bardziej skomplikowanego; szczegóły będą zależeć od tego, co dokładnie chcesz uznać za "pusty" akapit.