Wie prüfe ich mit jQuery, ob ein HTML-Element leer ist?

Question

Ich versuche, eine Funktion nur dann aufzurufen, wenn ein HTML-Element leer ist, mit jQuery.

Etwa so:

if (isEmpty($('#element'))) {
    // do something
}

Answer 1

Versuchen Sie dies:

if (!$('#el').html()) {
    ...
}

Answer 2

if($("#element").html() === "")
{

}

Answer 3

Zeilenumbrüche werden in FF als Inhalt von Elementen betrachtet.

<div>
</div>
<div></div>

Ex:

$("div:empty").text("Empty").css('background', '#ff0000');

Im IE werden beide Divs als leer angesehen, in FF und Chrome ist nur das letzte leer.

Sie können die von @qwertymk bereitgestellte Lösung verwenden

if(!/[\S]/.test($('#element').html())) { // for one element
    alert('empty');
}

o

$('.elements').each(function(){  // for many elements
    if(!/[\S]/.test($(this).html())) { 
        // is empty
    }
})