Leere Absätze mit jQuery entfernen
Leere Absätze sind im CMS schnell erzeugt und sorgen für ein unsauberes Layout. Mit jQuery können leere P-Tags gefunden und entfernen werden.

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.
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();
});
Feedback & Ergänzungen – Schreibe einen Kommentar
Website-Projekte mit kulturbanause
Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.
Übersicht Kompetenzen →Schulungen von kulturbanause
Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.
Übersicht Schulungsthemen →