Menu
Using jQuery, does anyone know how I can clean this markup:
<span style="font-size:19px">
<span style="font-size:20px">
<span style="font-size:21px">
Something
</span>
</span>
</span>
...and transform it into this:
<span style="font-size:21px">
Something
</span>
If anyone can point me in the right direction, it would be greatly appreciated. Or if anyone knows of any libraries that can remove useless tags from HTML, that would be great too.
UPDATE
The above code is just an example. There could be 20 wrapped spans for example...
331
Minimizing direct DOM manipulation improves jQuery performance. Every time an element is created and inserted, time and capacity is needed. Using a cached selector with the append() method reduces the need for capacity. The following example shows how applying DOM control improves performance.
To remove elements and content, there are mainly two jQuery methods: remove() - Removes the selected element (and its child elements) empty() - Removes the child elements from the selected element.
jQuery was created in 2006 by John Resig. It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax.
Tons of web developers still use jQuery. Many still use it even for small-scale web app development, despite all of the hype for frameworks like React, Angular, etc.
Just unwrap all the span tags, that would leave only the inner span tag.
$('span').unwrap();
FIDDLE
54
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
