js点击左边列表内容添加到右边列表
就像这样的点击左边的li，里面的内容添加到右边，点击右边红色区域删除添加，用js或者jquery都可以。...
就像这样的点击左边的li，里面的内容添加到右边，点击右边红色区域删除添加，用js或者jquery都可以。
展开
2个回答
展开全部
<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哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".left li").click(function(){
$(".right ul").append($(this));
$(this).remove();
})
思路是这样
$(".right ul").append($(this));
$(this).remove();
})
思路是这样
追问
你这样我也试过，他只能移动里面的一个内容 ，点击到其他位置的时候就不能全部移动了
追答
哦 刚才不在
那个是因为你没有给你那个li加上click事件
如果还要移动的话 需要重置一下click事件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
