jQuery Clone方法

Posted 一只小白呀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery Clone方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>


<div id="outer">
<div class="item">
<input type="button" value="+" onclick="fun1(this)">
<input type="text">
</div>
<div class="item">
<input type="button" value="-" onclick="fun1(this)">
<input type="text">
</div>


</div>

 

<script src="jquery-3.1.1.js"></script>
<script>
function fun1(self) {
var Clone=$(self).parent().clone();
//Clone.children(":button").val("-").attr("onclick","func2(this)");

$("#outer").append(Clone)
}

function func2(self) {
alert(123)
$(self).parent().remove()
}


</script>
</body>
</html>

以上是关于jQuery Clone方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery clone( ) 方法

jQuery Clone方法

表单使用clone方法后, 原有select无法生效

DOM节点的复制和替换(jQuery)

jQuery-2.DOM---节点的复制与替换

Jquery浅克隆与深克隆