1. 程式人生 > >jquery移動元素到另一個父節點中

jquery移動元素到另一個父節點中

文章上傳整理於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 onclick="yidong(1)">移動到div1中</button>
		<button onclick="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) ,原諒我又水了一文得意