javascript - 获取数组中每个元素的第一个子元素的第一个子元素

Question

我使用 querySelectorAll() 构建了一个与特定条件匹配的 table 元素数组，但我想有条件地创建一个新的单独数组，其中包含每个元素的第一个子元素的第一个子元素。
但是，我不知道该怎么做。我的数组当前如下所示:

var arr = [
    <table class="matchedCriterion">…</table>,
    <table class="matchedCriterion">…</table>
];

有没有办法让我在每个元素上运行 querySelector() 或 querySelectorAll() ，使用 :first-child:first 匹配我想要的内容-子

Answer 1

.map 函数可让您从另一个数组构建一个新数组。

var newarr = arr.map(function(el) { return el.firstChild.firstChild; });

如果您的 arr 实际上不是数组，则执行此操作。

var newarr = [].map.call(arr, function(el) { return el.firstChild.firstChild; });

请注意，如果文本节点恰好是第一个子节点，则这将获取文本节点。如果您只需要元素，请使用 .firstElementChild 而不是 .firstChild。