Tengo una variable llamada $text .
Quiero hacerlo de modo que si hay tramos con la clase "emote", reemplace el tramo completo y su contenido con el atributo de título del tramo. Además, debe ser sensible a mayúsculas y minúsculas.
Si $text tuviera este valor:
<p>blah blah blah <span class="emote" title="bOOger"> blah blah blah</span></p>Se convertiría en esto:
<p>blah blah blah bOOger</p>¿Cómo podría lograr esto?
function replaceAnyTargetedElementByItsTitleText(markup, selector) { const doc = (new DOMParser) .parseFromString(markup, "text/html"); doc .body .querySelectorAll(selector) .forEach(node => node .parentNode .replaceChild( document.createTextNode(node.title), node, ) ); return doc.body.innerHTML; } const markupBefore = '<p>foo bar baz <span class="emote" title="bOOger">quick brown fox</span></p>'; const markupAfter = replaceAnyTargetedElementByItsTitleText(markupBefore, '.emote'); console.log({ markupBefore, markupAfter }); .as-console-wrapper { min-height: 100%!important; top: 0; }