时间戳

首页 > 解决方案 > DOM 选择两个特定标签 JS 或 JQuery 之间的所有 html 内容

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

问题描述

我在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？谢谢您的答复。

标签： javascriptjqueryhtmljsondom

解决方案

你可能可以做这样的事情

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])
}

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

推荐阅读