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")); 
});