問題タブ [wrapall]

これは、stackoverflow に関する私の最初の投稿です。これまではいつもここで答えを見つけることができましたが、今回はできませんでした。

これが私のDOM構造です：

選択した 2 つ以上の「ランダム」要素をラッパー コンテナーにラップするにはどうすればよいですか? これは、選択した要素が異なるレベルにあり、その間に他の要素がある場合にも機能するはずです。他のすべての要素の DOM 構造は影響を受けません。

いくつかの例を次に示します。

例 1:

私は次のようなことを考えました：

結果は次のようになります。

2 例:

要素はさまざまなレベルにあります。

結果：

例 3: 2 つ以上の要素:

例 4:異なるツリー:

私のコードは、5 つの子 div ごとに div をラップします。しかし、ラッピングはdiv "partnerwrap"でのみ行われるべきです。誰か助けてもらえますか?

JSFIDDLE: http://jsfiddle.net/nvnLa/1/embedded/result/

次のフィドルを見てください。

http://jsfiddle.net/ardoramor/UzJqd/

フィドルが読み込まれると、クラスを含む DIV.wrapperが 200 ピクセル下にスクロールされます。これには、ネストされた.wrapper. DIVs as well. After 5 seconds, trigger.wrapAll() will be executed on the children of.container . The content of the.container class will be wrapped by a new DIV with.wrapAll class. You will notice that the red and blue areas jump and you can now see the topand` 要素がすべて含まれます。これは、ラッピングが原因で発生します。

注:これは非常に単純化された例です。.wrapper実は、 DIVの内容はこれでわかります。また、スクロールを伴うこのような要素が複数存在する場合があります。私の質問は、スクロールをリセットせずにコンテナーの子をラップできるかどうかです。

jQueryでdivをラップした後、それらをアンラップしてから再度ラップしようとすると、floatプロパティが失われるようです(私の推測)。これを修正する方法がわかりません。

初めて JSFiddle ベローのラップ ボタンを押すと、期待どおりに div が配置されます。次に、divをアンラップすると、元の位置に戻りますが、これも問題ありません。しかし、もう一度ラップすると、div は四角形ではなく、1 つ 1 つ下に移動します。何が間違っているのですか？

JSFiddle

HTML

CSS - JSFiddle を参照してください。コンテナー、その中の 4 つの div、およびラッピングの配置を設定するだけです。

JS

dl + テーブルの各ペアを div.box (フローティング) でラップしたいのですが、h2#match のすぐ下にあるのは、他のもの (.foo またはヘッドライン) が続くまでです。

nextUntil()dl とテーブルを個別にラップします。

Atm テスト グループが間違ってラップされています。

テスト: http://jsfiddle.net/GQwB5/

望ましい結果: http://jsfiddle.net/kppQ9/

私は次のものを持っています;

最初の morepad に従って、次のようにグループにラップしようとしています。

私は次のことを試しました：

次の要素を div コンテナーでラップしようとしましたが、それがラップされていない場合。

これを修正する方法は？

<img>2 つの要素を作成し、要素<i>でラップする必要がありますdiv。

次のような単一の要素をラップするコードがあります。

しかし、その要素で<img>との両方をラップする必要があります。<i>span