javascript - 配列内の各要素の最初の子の最初の子を取得します

Question

tableを使用して特定の基準に一致する要素の配列をquerySelectorAll()作成しましたが、これらの各要素の最初の子の最初の子を含む新しい個別の配列を条件付きで作成したいと思います。
ただし、これを行う方法がわかりません。私のアレイは現在次のようになっています：

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

私が使用したいものと一致して、実行する方法querySelector()または各要素で実行する方法はありますか？querySelectorAll():first-child:first-child

score 4 · Accepted Answer

この.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ます。

1 に答える 1