将标头的值放入数组中答案

【问题标题】：Get values of headers into an array将标头的值放入数组中
【发布时间】：2022-07-06 06:23:55
【问题描述】：

我有一些html如下

<div class="xyz" >
<h1 class="abc>name1</h1>
<h2 class="abc">16.6164378</h2>
<h3 class="abc">86.74592325165001</h3>
<h4 class="abc">17.971746264000004</h4>
<h5 class="abc">30.706248577159997</h5>
</div>
<div class="xyz" >
<h1 class="abc>name2</h1>
<h2 class="abc">24.777777</h2>
<h3 class="abc">126.7654321</h3>
<h4 class="abc">67.678967969</h4>
<h5 class="abc">90.7689789159997</h5>
</div>

我想将 h1 到 h5 中的每个值提取到一个数组中。我正在尝试$(".xyz") 来获取每组标题，但是我如何处理下面的元素来获取值。我以为.each(function(index, value)) {} 等，但我只是不知道如何处理每个标题并获取值。

【问题讨论】：

api.jquery.com/find
这能回答你的问题吗？ JQuery get all elements by class name

标签： jquery

【解决方案1】：

使用forEach 的一个班轮解决方案

document.querySelectorAll('.xyz').forEach(el =&gt; [...el.children].forEach(child =&gt; console.log(child)))

<div class="xyz">
  <h1 class="abc">name1</h1>
  <h2 class="abc">16.6164378</h2>
  <h3 class="abc">86.74592325165001</h3>
  <h4 class="abc">17.971746264000004</h4>
  <h5 class="abc">30.706248577159997</h5>
</div>
<div class="xyz">
  <h1 class="abc">name2</h1>
  <h2 class="abc">24.777777</h2>
  <h3 class="abc">126.7654321</h3>
  <h4 class="abc">67.678967969</h4>
  <h5 class="abc">90.7689789159997</h5>
</div>

【讨论】：