javascript - 子要素で insertAfter を使用する

Question

ちょっとだけ。マークアップ内の 2 つの特定のの順序を変更したいと考えていdivます。両方の div には子があります。

<div class="first">
  <elem>
    <elem> </elem>
  </elem>
</div>

<div class="second">
  <elem>
     <elem> </elem>
  <elem>
</div>

.secondそれをthenに変更したい.first。

私は試した：

$('.first').insertAfter('.second');

これは機能しますが、子なしです。私が望むものを達成する方法はありますか、.insertAfter()それとも他に何かする必要がありますか?

ありがとう

score 1 · Accepted Answer

Insert after は子要素を削除しません。このフィドルを確認してください

<div class="first">
    <div>child of first</div>
    <div>another of first</div>
</div>

<div class="second">
    <div>child of second</div>
</div>

score 0 · Accepted Answer

ドキュメントには、「この方法で選択された要素が DOM の別の場所に挿入された場合、ターゲットの後に移動され (複製されず)、挿入された要素で構成される新しいセットが返されます」と記載されています。

最も単純なケース (id で選択 - 指定された id を持つ div の後に挿入) では、私のテストでは、すべての子がそれに付随することが示されています。

2 に答える 2