文章上傳整理於2017年9月27日
需求描述:
遇到一個問題 ,由於在jsp中有一個控件span,想讓這個span控件從div1的子節點變成div2的子節點
方法:
var $sp =$('#span1');
$('#div2').appen($sp);
$('#div1').appen($sp);
效果圖
html代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>移動</title>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="div1" style="border: 1px solid red;height: 100px;">
this is div1--
</div>
<div id="div2" style="border: 1px solid green;height: 100px;">
this is div2--
</div>
</div>
<span id="sp1">我是誰,要到哪裏去</span>
<br>
<button οnclick="yidong(1)">移動到div1中</button>
<button οnclick="yidong(2)">移動到div2中</button>
</body>
<script>
function yidong(i) {
var $sp = $("#sp1");
if(i == 1) {
$("#div1").append($sp)
} else {
$("#div2").append($sp)
}
}
</script>
</html>
核心代碼就一句: xxx.append(xxx) ,原諒我又水了一文