Información del post ⇣

Agrupar con un tag un elemento después de una imagen con jQuery

Este post se publicó hace más de dos años, es posible que la información publicada esté obsoleta o las referencias no existan.

Cuando no tenemos acceso al html y necesitamos añadir un tag al texto que hay después de una imagen.

Tenemos:

<header>
    <h1>Portfolio</h1>
</header>

Y necesitamos

<div>
    <img src="" />
    <span>Lorem ipsum dolor sit amet.</span>
</div>

jQuery snippet

$(document).ready(function() {
    $('div').contents().filter(function () {
        return this.nodeType === 3 && $.trim(this.nodeValue).length;
    }).wrap('<span />');
});

Links relacionados