Javascript 如何使用jQuery在适当的位置克隆和附加多个元素？_Javascript_Jquery_Html_Jquery Selectors

Javascript 如何使用jQuery在适当的位置克隆和附加多个元素？

javascript jquery html

Javascript 如何使用jQuery在适当的位置克隆和附加多个元素？,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,将类中的每个元素复制为同级元素的简单方法是什么？例如，它应该更改此HTML： <body> <div> <h1> Foos </h1> <span class='duplicate-me'> foo </span> </div> <div> <h1> Bars </h1> <spa

将类中的每个元素复制为同级元素的简单方法是什么？例如，它应该更改此HTML：

<body>
    <div> 
        <h1> Foos </h1>
        <span class='duplicate-me'> foo </span>
    </div>
    <div>
        <h1> Bars </h1> 
        <span class='duplicate-me'> bar </span>
    </div>
</body>


福斯
福
酒吧
酒吧

进入：


福斯
福
福
酒吧
酒吧
酒吧

谢谢

好了-

在克隆后将附加到父元素复制我元素
请参见下面的演示：

$（函数（）{
$（'.duplicate me'）。每个（函数（）{
$（this.parent（）.append（$（this.clone（））；
});
});

福斯
福
酒吧
酒吧

使用jQuery中的after方法，并在传递给它的函数中调用clone方法
参考文献：


示例：
您所需要的只是：
1） 使用克隆元素。复制me
类
2） 将这些元素附加到最近的div，这是它们的父级
请试试这个：
$('.duplicate-me').each(function(){
    var clone= $(this).clone();
    $(this).closest('div').append(clone);
});

参考资料：





$（'.duplicate me'）。每个（函数（）{
var clone=$（this.clone（）；
$（this）.close（'div'）.append（clone）；
});

福斯
福
酒吧
酒吧
用于在其旁边插入使用创建的重复元素

$（函数（）{
$（'.duplicate me'）。每个（函数（）{
$（this.clone（）.insertAfter（$（this））
})
});

福斯
福
酒吧
酒吧
虽然这适用于示例HTML，但它不会将克隆作为兄弟直接放在原始HTML的旁边。它在这里工作！好的，那么真实的情况是什么呢？我是说真实的HTML？这个例子并不全面。我试着用“就地”和“复制”来暗示“下一步”，但也许我已经做到了clearer@kukkuz，是的，你是对的，我不知道为什么我会收到否决票（FWIW，在$（this）.clone（）.insertAfter（$（this））
中不需要第二个$（）
，只要$（this）.clone（）.insertAfter（this）就可以了。
$('.duplicate-me').after(function() {
  return $(this).clone();
});

$('.duplicate-me').each(function(){
    var clone= $(this).clone();
    $(this).closest('div').append(clone);
});