在HTML页面中,原本有两个div,这两个div都是同级别的,它们的HTML代码如下:
<div id="div1"><h2>原来的内容</h2></div>
123
<div id="div2"><h2>嵌套的内容</h2></div>
<button>实现嵌套</button>
现在,我们要实现的效果是,让页面载入之后,点击按钮,那么,div2嵌套到div1里面,变成div1的子级内容。
实现的方法代码如下:
$(document).ready(function(){
$("button").click(function(){
$("#div1").append($("#div2"));
alert($("#div1").html());
});
});
注意,关键代码就是上面蓝色的那一行了。