刪除元素/內容
如需刪除元素和內容，一般可使用以下兩個 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