开发者社区> 问答> 正文

JQUERY如何删除上一个插入的元素并添加新元素

<div class="box"></div>
<div class="content">
    <p>我是内容1</p>
    <p>我是内容2</p>
    <p>...</p>
    <p>我是内容N</p>
</div>

box这个DIV是空的,但默认显示

我是内容1

,点击content DIV里的p插入当前所点击的P到box里,删除默认的

我是内容1

,再往下点,删除

我是内容2

,显示新点击插入的?请问如何用JQUERY实现。

展开
收起
小旋风柴进 2016-05-31 09:17:02 1766 0
1 条回答
写回答
取消 提交回答
  • $(".content").on('click','p',function(){
        var p_el = $(this);
        $(".box").append(p_el.clone(true));
        p_el.remove();
    2019-07-17 19:21:16
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载