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

想要移除div及其內(nèi)部文本，但是不清除內(nèi)部的節(jié)點(diǎn)？

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>如何實現(xiàn)？

查看完整描述

2 回答

慕田峪4524236

TA貢獻(xiàn)1875條經(jīng)驗獲得超5個贊

其實，非常非常簡單，用jquery只需要這樣就行了，不需要移動節(jié)點(diǎn)

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

反對回復(fù) 2023-04-18

慕容708150

TA貢獻(xiàn)1831條經(jīng)驗獲得超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版本

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

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

反對回復(fù) 2023-04-18