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

Question

我使用querySelectorAll()构建了一个与特定条件匹配的table元素数组，但我想有条件地创建一个新的单独数组，其中包含每个元素的第一个孩子的第一个孩子。
但是，我不确定如何执行此操作。 我的数组当前看起来像这样：

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

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

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 。