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 und Seminare von kulturbanause
Visual Prototyping, Responsive Design, CSS Grid & Flexbox, WordPress, Adobe XD, HTML & CSS Grundlagen, Website-Optimierung …
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!
