Приветствую! Прошу помощи, уже всю голову сломал
Итак, есть DOM такого вида:
<div class="text">
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
</div>
Не могу вкурить, как выбрать все <p> от заголовка до заголовка (надо их в div завернуть). Заголовок, впринципе, определяется банальным .text p > u . То есть на выходе селектора надо такого вида куски:
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p style="text-align: justify;">куча текста</p>
<p><u>заголовок</u></p>
<p style="text-align: justify;">куча текста</p>
Может, кто в курсе? Мозг уже кипит((