js点击左边列表内容添加到右边列表
就像这样的点击左边的li,里面的内容添加到右边,点击右边红色区域删除添加,用js或者jquery都可以。...
就像这样的点击左边的li,里面的内容添加到右边,点击右边红色区域删除添加,用js或者jquery都可以。
展开
展开全部
<script>
$(function() {
$("#mainUl").children("li").click(function() {
var clone = $(this).clone();
clone.append("<span style='color:red;font-weight: bold;cursor: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哦
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询