首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

动态增加div有关问题

2012-04-24 
动态增加div问题div idaaadiv classbbb1/divdiv classbbb2/divdiv classbbb3/divdiv c

动态增加div问题
<div id=aaa>
<div class=bbb>1</div>
<div class=bbb>2</div>
<div class=bbb>3</div>
<div class=bbb>4</div>
</div>

把第二个或者第三个div完整复制并插到最后一个div后面,jquery该怎么写?
得出下面的结果

<div id=aaa>
<div class=bbb>1</div>
<div class=bbb>2</div>
<div class=bbb>3</div>
<div class=bbb>4</div>
<div class=bbb>2</div>
</div>

[解决办法]
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#aaa div:nth-child(3)").clone().appendTo("#aaa")
});
</script>
<div id=aaa>
<div class=bbb>1</div>
<div class=c>2</div>
<div class=bbb>3</div>
<div class=bbb>4</div>
</div>
</head>
<body>
</body>
</html>

热点排行