实际代码

Question

我想克隆我的<div>并在添加链接之前发布它。

实际代码

<div class="form-group">Text</div>
<i class="fa fa-plus"></i> Add

我尝试：

$(function(){
  var $button = $('.fa-plus').clone();
  $('.form-group').html($button);
});

它不起作用。

你能帮忙吗？

感谢。

Answer 1

基本的谷歌搜索技巧，第一个结果，jQuery .clone()

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>clone demo</title>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<b>Hello</b><p>, how are you?</p>

<script>
$( "b" ).clone().prependTo( "p" );
</script>

</body>
</html>

Answer 2

使用.after()将其放在DIV之后。 .html()替换DIV的内容。

$(function() {
    var button = $('.fa-plus').clone();
    $('.form-group').after(button);
});

使用clone（）函数</div>在jQuery中克隆<div>

实际代码

我尝试：

2 个答案: