jquery移動元素到另一個父節點中
阿新 • • 發佈：2019-02-12
文章上傳整理於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) ,原諒我又水了一文
