已解決430363個問題，去搜搜看，總會有你想問的

想要移除div及其內部文本，但是不清除內部的節點？

首頁猿問想要移除div及其內部文本，但是不...

想要移除div及其內部文本，但是不清除內部的節點？

JavaScript

侃侃無極 2023-04-14 22:18:37

原代碼如下：<div id="wrap"> 示例文本 <div id="section-1"></div> <div id="section-2"></div> </div>我只要留下：<div id="section-1"></div> <div id="section-2"></div>如何實現？

查看完整描述

2 回答

慕田峪4524236

TA貢獻1875條經驗獲得超5個贊

其實，非常非常簡單，用jquery只需要這樣就行了，不需要移動節點

$('#section-1').unwrap();

反對回復 2023-04-18

慕容708150

TA貢獻1831條經驗獲得超4個贊

<div id="wrap">
    示例文本
    <div id="section-1">test1</div>
    <div id="section-2">test2</div>
</div>

JS版本

var p = document.getElementById("wrap");
p.parentNode.appendChild(p.childNodes[1]);
p.parentNode.appendChild(p.childNodes[2]);
p.parentNode.removeChild(p);

jQuery版本

當然你也可以通過jQuery來操作，本質上就是DOM 節點的移動和刪除操作.
jQuery由于對js的api做了封裝，所以會大大減少代碼量，滿足樓主需求的jQuery代碼為
關鍵點為如何定位 Text Node

//$('#wrap').contents().eq(0).remove();$('#wrap').contents().filter(function() {    return this.nodeType == 3; //Node.TEXT_NODE
  }).remove();
$('#section-1').unwrap();

反對回復 2023-04-18

2 回答
0 關注
126 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

想要移除div及其內部文本，但是不清除內部的節點？

想要移除div及其內部文本，但是不清除內部的節點？

2 回答

添加回答

想要移除div及其內部文本，但是不清除內部的節點？

想要移除div及其內部文本，但是不清除內部的節點？