How can I select all the empty tag using jQuery.? [duplicate]

Question

How can I select all the empty tag using jQuery.

I want to select

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

and not

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

I tried with :empty but it is not working with my options. Any help on this is greatly appreciated.

Answer 1

You can do this using jQuery.filter().

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

Answer 2

Use 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