appendTo不工作在jQuery代碼？

Question

我想添加一個段落到一個使用id選擇器的h2標籤。但是，由於某種原因，它不能正常工作。有人會幫助我嗎？

我有一個小提琴，我沒有嘗試過。請參閱：http://jsfiddle.net/ahLqZ/4/

這裏是我下面的代碼：

$(document).ready(function(){ 

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

    })​ 

Answer 1

試試這個：

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

用途.each()遍歷h2元素 - 然後$(this)成爲每個h2元素，而那時，document元素

Working example here

一個已經存在的DOM元素上使用appendTo注意移動它......你可能想要的東西（也許不是）是這樣的：

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

用途.clone()創建h2第一的克隆和.insertAfter()插入<p>元素之後的新克隆的DOM元素而不是在它...

Working example here

另注 - 它不是合法的HTML有重複id屬性在單一頁面......我建議你改變<div id="cevre">到<div class="cevre"> ...您的jQuery選擇就成爲$(".cevre h2")

另一個音符 - 你應該緩存jQuery對象，如果他們多次使用：

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