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

Wenn Sie mit "leer" meinen, dass sie keinen HTML-Inhalt haben,

if($('#element').html() == "") {
  //call function
}

Answer 2

Im Lebenslauf gibt es viele Möglichkeiten, um herauszufinden, ob ein Element leer ist:

1- Verwendung html :

if (!$.trim($('p#element').html())) {
    // paragraph with id="element" is empty, your code goes here
}

2- Verwendung text :

if (!$.trim($('p#element').text())) {
    // paragraph with id="element" is empty, your code goes here
}

3- Verwendung is(':empty') :

if ($('p#element').is(':empty')) {
    // paragraph with id="element" is empty, your code goes here
}

4- Verwendung length

if (!$('p#element').length){
    // paragraph with id="element" is empty, your code goes here
}

Wenn Sie versuchen, herauszufinden, ob ein Eingabeelement leer ist, können Sie mit val :

if (!$.trim($('input#element').val())) {
    // input with id="element" is empty, your code goes here
}

Answer 3

Leer, d.h. ohne Text?

if (!$('#element').text().length) {
    ...
}

Answer 4

Vanilla-Javascript-Lösung:

if(document.querySelector('#element:empty')) {
  //element is empty
}

Denken Sie daran, dass Leerzeichen sich auf den leeren Text auswirken, Kommentare jedoch nicht. Für weitere Informationen siehe MDN über leere Pseudoklasse .

Answer 5

Eine weitere Option, die weniger "Arbeit" für den Browser bedeuten sollte als html() o children() :

function isEmpty( el ){
  return !el.has('*').length;
}