DOM выбрать все html содержимое между двумя указанными c тегами JS или JQuery

Question

У меня есть что-то подобное в html:

<p class ="aa">Something<p>
<p class ="bb">Another thing<p>
<p class ="cc">Something else<p>
<p class ="aa">Things are coming<p>
<p class ="dd">Too much things<p>
<p class ="ee">Neverending things<p>
<p class ="aa">Best thing ever<p>

И я хочу выбрать и сохранить в переменной каждый тег между двумя тегами с классом "aa". (Цель состоит в том, чтобы сохранить каждый результат в файле JSON). Как я могу продолжить работу с vanilla JS или Jquery? Спасибо за ваш ответ.

Answer 1

Вы, вероятно, можете сделать что-то вроде этого

let selectedTags = []
let allTags = document.querySelector(".aa").parentNode.children
for (let i = 1; i < allTags.length; i++) { //1 to skip the first aa element
  if (allTags[i].className.includes("aa")) {
    break;
  }
  selectedTags.push(allTags[i])
}

После этого вы можете перебирать выбранные теги, чтобы делать с ними что угодно, включая хранение переменных.