[解決済み] 3つのdivを1つのdivで囲む
2023-04-13 12:10:42
質問
このような場合
nth-child
セレクタを使用して 3 つの div をラップすることは可能ですか?
.wrapAll
? 私は正しい式を解決することができないようです。
というわけで...
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
は...
<div>
<div class="new">
<div></div>
<div></div>
<div></div>
</div>
<div class="new">
<div></div>
<div></div>
<div></div>
</div>
</div>
どのように解決するのですか?
あなたは、それを行うことができます
.slice()
のような、このような。
var divs = $("div > div");
for(var i = 0; i < divs.length; i+=3) {
divs.slice(i, i+3).wrapAll("<div class='new'></div>");
}
ここでデモを試すことができます
ここでやっていることは、ラップしたい要素を取得し、それらをループさせることです。
.wrapAll()
を3つずつ行い、次の3つに移る、などです。 一度に3つずつラップし、最後にいくつ残っていても、例えば3、3、3、2というようにラップします。
関連
-
[解決済み] jQueryのpreventDefault()が発動しない
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] jQueryは要素のレンダリングされた高さを取得しますか?
-
[解決済み] jQueryを使用してDropDownListの値を設定するにはどうすればよいですか?
-
[解決済み] jQuery: outer html() [重複]。
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み】jQueryのクラスセレクタがない。
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのpreventDefault()が発動しない
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] 変更イベントでradioを使用するには?
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み] jQueryを使用して要素の型を検索する
-
[解決済み] jQueryでinput[type=text]の値変化を検出する