Leere Absätze mit jQuery entfernen

Viele Content Management Systeme – z. B. WordPress – erzeugen leere Absätze, wenn der Redakteur im WYSIWYG-Editor mehrmals Enter drückt. Oft ist der somit entstehende Abstand vom Redakteur sogar gewünscht, doch vor dem Hintergrund eines einheitlichen Layouts, möchten Frontend-Designer die Abstände gerne verhindern. Mit jQuery können leere Absätze gefunden und entfernt werden.
Workshops & Schulungen von kulturbanause
Intensive Trainings mit hohem Praxisbezug.
jQuery: Leere P-Tags (<p></p>, <p> </p>) finden und löschen
Die folgende each
-Schleife sucht zunächst im Code nach allen <p>
-Tags. Anschließend wird mit einer Regular Expression analysiert, ob gar nichts oder ein geschütztes Leerzeichen enthalten ist (
). Wenn das der Fall ist, wird mit remove()
der Absatz entfernt.
$('p').each(function() {
var $this = $(this);
if($this.html().replace(/\s| /g, '').length == 0)
$this.remove();
});
Jetzt bist du gefragt!
Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.
Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!