js点击左边列表内容添加到右边列表

就像这样的点击左边的li,里面的内容添加到右边,点击右边红色区域删除添加,用js或者jquery都可以。... 就像这样的点击左边的li,里面的内容添加到右边,点击右边红色区域删除添加,用js或者jquery都可以。 展开
 我来答
百度网友022523ba3
2014-02-27 · TA获得超过678个赞
知道小有建树答主
回答量:416
采纳率:100%
帮助的人:247万
展开全部
<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哦

雨之快乐dca51ae
2014-02-26 · TA获得超过327个赞
知道小有建树答主
回答量:308
采纳率:33%
帮助的人:117万
展开全部
$(".left li").click(function(){
$(".right ul").append($(this));

$(this).remove();

})

思路是这样
追问
你这样我也试过,他只能移动里面的一个内容 ,点击到其他位置的时候就不能全部移动了
追答
哦 刚才不在
那个是因为你没有给你那个li加上click事件
如果还要移动的话 需要重置一下click事件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式