3 つの要素ごとに親要素をラップします

Question

私は、検索オーディオ用のクラスを含む 3 つの div ごとに、スライドショー クラスを含む div をラップしたいだけです。

私が受け取ったエラーの 1 つは、elem.parentElement が未定義であるというものでした...

この部分はうまく機能します...

リーリー

ここに問題があります - グループ化された要素の新しい配列を div で囲むことです。

リーリー

完全なコード:

リーリー リーリー リーリー

Answer 1

少し物事を複雑にしすぎていると思います。:nth-child を使用して、.search-audio のスタイルを .slide の各クラスに適用できます。 CSS を使用する 3 番目の div。

このコードは間違っている可能性がありますが、次のようなコードです:

リーリー

使用方法を学ぶのに役立つリンクをいくつか示します:

• https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

Answer 2

問題は、elem が単一の要素ではなく、groupBlocks() によって作成された 3 つの要素の配列であることです。したがって、elem.parentElement はありません。

すべての要素の共通の親要素を取得するには、elem[0].parentElement を使用します。次に、それらをループして各要素を新しい div に追加します。

以下のコードの elem の名前を group に変更して、内容をより正確に一致させました。

リーリー リーリー リーリー