Wie ermittelt man leere HTML-Elemente in jQuery?

Ermitteln leerer HTML-Elemente in jQuery

Für Szenarien, in denen eine bedingte Ausführung basierend auf der Leere eines HTML-Elements erforderlich ist, bietet jQuery eine Lösung.

Die jQuery :empty Selector

Um zu überprüfen, ob ein HTML-Element leer ist, verwenden Sie den :empty Selector von jQuery.

<code class="js">if ($('#element').is(':empty')) {
  // do something
}</code>

Dieser Selector gibt „true“ zurück, wenn das ausgewählte Element keine untergeordneten Elemente, Text oder enthält Leerzeichen.

Umgang mit ausgeblendeten Elementen

Browser können jedoch ausgeblendete Elemente wie Leerzeichen und Zeilenumbrüche unterschiedlich behandeln. Um diese versteckten Elemente zu ignorieren und ein konsistentes Verhalten sicherzustellen, sollten Sie die Verwendung der folgenden Funktion in Betracht ziehen:

<code class="js">function isEmpty(el) {
  return !$.trim(el.html());
}

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

Dadurch wird sichergestellt, dass bei der Bestimmung der Leerheit nur sichtbare Textinhalte berücksichtigt werden. Ebenso kann auf Basis dieser Funktion ein jQuery-Plugin erstellt werden.

Das obige ist der detaillierte Inhalt vonWie ermittelt man leere HTML-Elemente in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!