jquery - appendToはjQueryコードで機能しませんか?

Question

ID セレクターを使用して h2 タグに段落を追加しようとしています。しかし、何らかの理由で正しく動作していません。誰かがこれを手伝ってくれますか？

私はそれを試すためにやったフィドルを持っています。参照: http://jsfiddle.net/ahLqZ/4/

以下は私のコードです：

 $(document).ready(function(){

        $("#cevre h2").appendTo($(this).next("p"));

    })

score 4 · Accepted Answer

これを試して：

$("#cevre h2").each(function() {
     $(this).appendTo($(this).next("p"));
});

.each()要素を反復するために使用しh2ます - その後、その要素ではなく$(this)各要素になりますh2document

appendTo既存のDOM要素を使用すると、それが移動することに注意してください...あなたがおそらく望んでいた（おそらくそうではない）のはこれでした：

$("#cevre h2").each(function() {
     $(this).clone().insertAfter($(this).next("p"));
});

最初.clone()のクローンを作成し、新しくクローンされた DOM 要素を要素内ではなく要素の後に挿入するために使用します...h2.insertAfter()<p>

別の注意id- 1 つのページに重複する属性を持つ HTML は有効ではありません... に変更<div id="cevre">することをお勧めします<div class="cevre">... jQuery セレクターは次のようになります$(".cevre h2")

さらに別の注意- 複数回使用される場合は、jQuery オブジェクトをキャッシュする必要があります。

$(".cevre h2").each(function() {
     var $this = $(this);
     $this.clone().insertAfter($this.next("p"));
});

1 に答える 1