我有以下結構..我想刪除div.son但保留div.grandson，這可能嗎？！或者改變你的<tag>也是一個解決方案..例如：從 a 更改<fieldset>為 a <div>，記住我無權訪問 HTML，每個更改都必須使用 ** 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 **的功能，但它刪除了整個元素。
2 回答
泛舟湖上清波郎朗
TA貢獻1818條經驗 獲得超3個贊
使用普通 JavaScript，可以在刪除其他任何內容之前深度克隆孫子節點。然后將其附加回父級。當然如果你想把它放在其他地方，你需要附加所需的 DOM 遍歷邏輯。（CSS部分僅用于結果的視覺驗證）
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貢獻1820條經驗 獲得超10個贊
你可以看看這個答案，下次嘗試使用搜索欄。
如果你只是想跳過答案。
var?cnt?=?$(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);- 2 回答
- 0 關注
- 186 瀏覽
添加回答
舉報
0/150
提交
取消