开发者社区 问答 正文

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 1868 分享 版权
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
    赞同 展开评论
问答分类:
问答标签:
问答地址: