javascript - jQuery 获取所有 <the> 值的数组

Question

我想获取所有 <th> 的所有内部文本的数组在表格中。

以下作品

$("th").toArray().map(th => th.innerText)

只是想知道在直接 jQuery 中是否有更好的方法(我们必须转换为 Array 然后使用 JS 方法)

Answer 1

如果您希望避免使用 .map 创建中间数组，可以使用不使用 jQuery 的更高效 方法，它只为输出创建一个数组，但它需要更多的源代码:

const texts = Array.from(
  document.querySelectorAll('th'),
  th => tx.innerText
);

从您的原始版本开始，您可以通过在 .toArray 之前映射来使用 jQuery 的 .text:

const texts = $("th").map(function() { return $(this).text(); }).toArray();
console.log(texts);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr><th>foo</th></tr>
</table>

但您可能想使用 .textContent而不是 .innerText 而不是。