DOM 选择两个特定标签 JS 或 JQuery 之间的所有 html 内容

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 文件中） 如何继续使用香草 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])
}

之后，您可以遍历 selectedTag 来对它们做任何您想做的事情，包括存储变量。