zoukankan      html  css  js  c++  java
  • jquery删除一个元素,但保留里面的元素

    删除元素/内容

    如需删除元素和内容,一般可使用以下两个 jQuery 方法:

    • remove() - 删除被选元素(及其子元素)
    • empty() - 从被选元素中删除子元素

    但是如果我想删除这个元素,但是又想保留里面的元素呢?

    比如下面的示例:
    只删除.card-block元素,它里面的都保留,应该怎么做呢?

     
    <div class="card-block">
        <div class="row">
            <div class="col-6">苹果</div>
            <div class="col-6">香蕉</div>
        </div>
    </div>
    <div class="card-block">
        <div class="row">
            <div class="col-6">番茄</div>
            <div class="col-6">土豆</div>
        </div>
        <div class="row">
            <div class="col-6">梨</div>
            <div class="col-6">桃子</div>
        </div>
    </div>



    div class="card-block">
        <div class="row">
            <div class="col-6">苹果</div>
            <div class="col-6">香蕉</div>
        </div>
    </div>
    <div class="card-block">
        <div class="row">
            <div class="col-6">番茄</div>
            <div class="col-6">土豆</div>
        </div>
        <div class="row">
            <div class="col-6">梨</div>
            <div class="col-6">桃子</div>
        </div>
    </div>
    
    
    
    <script>
        $('.card-block').each(function(){
            // 先获取内部元素
            var _dom = $(this).html();
    
            $(this).after(_dom).remove();
        });
    </script>

    经测试,是可以的。 主要使用after

  • 相关阅读:
    indy 發郵件的一些說明
    一此常用三方组件的地址(持续更新)
    oraSession直连
    获取关机信息及键盘或鼠标无响应的时长
    DBConnection释放说明
    发送邮件
    文件操作
    plsql中的一些知識
    TNativeXML用法(轉)
    redux中createStore, conbineReducers的简易封装
  • 原文地址:https://www.cnblogs.com/liuyanxia/p/8670710.html
Copyright © 2011-2022 走看看