假设你的两个框为 div ->div1 和 div2
var div1 = document.getElementById('div1') //左边的
var div2 = document.getElementById('div1') //右边的
div2.innerHTML = div1.innerHTML
<script>$(function() {
$("#mainUl").children("li").click(function() {
var clone = $(this).clone()
clone.append("<span style='color:redfont-weight: boldcursor:pointer'> X</span>")
.find("span").click(function () {
$(this).parent().remove("li")
})
$("#showUl").append(clone)
})
})
</script>
<body>
<div style="float: left">
<ul id="mainUl">
<li>标题1</li>
<li >标题2</li>
<li >标题3</li>
<li >标题4</li>
<li >标题5</li>
</ul>
</div>
<div style="float: left">
<ul id="showUl">
</ul>
</div>
</body>
随手写了个，自己试试吧，注意引入jQuery哦
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）