Pensé que esto sería bastante sencillo, pero creo que las palabras clave son demasiado generales, por lo que sigo obteniendo resultados de consultas para cosas comoesta yesta.

Básicamente, tengo el siguiente HTML:

<div id="test">
    Lorem
    <span class="highlighted">ipsum</span>
    dolor sit amet,
    <span class="highlighted">consectetur</span>
    <span class="highlighted">adipiscing</span>
    elit. Sed massa.
<div>

Me gustaría fusionar las etiquetas de separación adyacentes en una sola etiqueta de separación, lo que significa encontrar intervalos con solo espacios en blanco entre ellas (esto podría incluir espacios, pestañas y nuevas líneas).

El resultado que busco es este:

<div id="test">
    Lorem
    <span class="highlighted">ipsum</span>
    dolor sit amet,
    <span class="highlighted">consectetur adipiscing</span>
    elit. Sed massa.
<div>

He examinado elnextUntil Función, pero parece que solo devuelve etiquetas, no texto. El resultado, por ejemplo, de

$("span.highlighted").nextUntil("span.highlighted").andSelf().text();

es

ipsumconsecteturadipiscing

más bien que

ipsum dolor sit amet, consecteturadipiscing

Dadas dos etiquetas, ¿cómo puedo encontrar el texto?Entre ¿ellos?