我有以下結(jié)構(gòu)..我想刪除div.son但保留div.grandson，這可能嗎？！或者改變你的<tag>也是一個(gè)解決方案..例如：從 a 更改<fieldset>為 a <div>，記住我無權(quán)訪問 HTML，每個(gè)更改都必須使用 ** javascript ** 完成！<div class="father"> <fieldset class="son"> <div class="grandson">Content here</div> <div class="grandson">Content here</div> <div class="grandson">Content here</div> <div class="grandson">Content here</div> </fieldset></div>我嘗試使用removeChild ()** javascript **的功能，但它刪除了整個(gè)元素。
2 回答
泛舟湖上清波郎朗
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊
使用普通 JavaScript，可以在刪除其他任何內(nèi)容之前深度克隆孫子節(jié)點(diǎn)。然后將其附加回父級(jí)。當(dāng)然如果你想把它放在其他地方，你需要附加所需的 DOM 遍歷邏輯。（CSS部分僅用于結(jié)果的視覺驗(yàn)證）
const grandson = document.querySelector('.grandson');
const father = grandson.closest('.father');
const clonedGrandson = grandson.cloneNode(true);
father.querySelector('.son').remove();
father.appendChild(clonedGrandson);
.father {
background-color: red;
padding: 20px;
}
.son {
background-color: blue;
padding: 20px;
}
.grandson {
background-color: green;
padding: 20px;
}
<div class="father">
<fieldset class="son">
<div class="grandson">
<p>Save me</p>
</div>
</fieldset>
</div>
拉莫斯之舞
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊
你可以看看這個(gè)答案，下次嘗試使用搜索欄。
如果你只是想跳過答案。
var?cnt?=?$(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);- 2 回答
- 0 關(guān)注
- 185 瀏覽
添加回答
舉報(bào)
0/150
提交
取消