javascript - 如何使用 jQuery 克隆和追加多个元素?

标签 javascript jquery html jquery-selectors

将类中的每个元素复制为同级元素的简单方法是什么?例如,它应该更改此 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>

进入:

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

谢谢

最佳答案

$('.duplicate-me').after(function() {
  return $(this).clone();
});

使用 jQuery 的 after 方法并在传递给它的函数中调用克隆方法。

引用资料: http://api.jquery.com/after/

http://api.jquery.com/clone/

示例: https://jsfiddle.net/2y6cqLrq/

关于javascript - 如何使用 jQuery 克隆和追加多个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41148411/

相关文章:

javascript - 使用 jquery 在最近的单元格 (td) 中查找元素?

jquery - 将类添加到 var jquery

android 如何在 android Webview 中获取点击字符串?

javascript - 在执行之前处理外部 javascript 脚本加载事件

javascript - `ng-repeat` - `$scope` 数组长度的指令,保留 `html` 模板

javascript - 在React JavaScript中,如何在另一个类中调用一个类?

javascript - 无法设置 null 错误的属性 'innerHTML'

javascript - Bootstrap Multiselect 插件和禁用/启用更改事件的复选框

javascript - rotateY(90deg)时如何让div不消失

javascript - Html + JavaScript + CSV 解析 + Google Charts 帮助哦快乐 xD ...