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

單擊按鈕刪除自身及其父級 div

首頁猿問單擊按鈕刪除自身及其父級 div

單擊按鈕刪除自身及其父級 div

Html5

慕田峪7331174 2023-10-10 10:38:07

--- 更新的問題 ---感謝所有的答案。我在我的JS 實踐中編寫了 JS 代碼，用于在單擊相應按鈕時刪除父 div ！然而，相同的 JS 代碼在我的真實 JS 項目中不起作用，其中所有父 div 都是動態創建的。完整的代碼可以在下面找到。沒有錯誤，但是 JS 代碼不起作用。有任何想法嗎？下面是簡化的 **真正的 JS 項目 ** 完整代碼<html><head> <meta charset="UTF-8"> <title>Upload Imgs</title> <style type="text/css"> .container { width: 100%; } .display-area { width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; } img { max-width: 100%; } .image-preview { width: 80%; min-height: 300px; border: 2px dashed #dddddd; display: block; /*default text*/ display: flex; align-items: center; justify-content: center; font-weight: bold; color: #cccccc; } .newbtns { border: 0; background: lightgrey; text-shadow: 1px 1px 1px white; border: 1px solid #999; position: absolute; display: block; } </style></head><body> <div class="container"> <div id='inputFiles'><input type="file" class="file" name="image_uploads" accept="image/png, image/jpeg, image/jpg" multiple></div> <div class="display-area" id='imgDisplay'> </div> <div id="defaultContent"> <p>No images</p> </div> <button type="button" value="Reload page" onclick="window.location.reload()">Reload Page</button> </div> </div></body>

查看完整描述

4 回答

慕尼黑8549860

TA貢獻1818條經驗獲得超11個贊

你可以這樣做：

const buttonOne = document.getElementById('btn1');

const buttonTwo = document.getElementById('btn2');

buttonOne.addEventListener("click", () => deleteElementAndThisChildNodes('box1'))

buttonTwo.addEventListener("click", () => deleteElementAndThisChildNodes('box2'))

function deleteElementAndThisChildNodes(parentId) {

document.getElementById(parentId).remove()

}

反對回復 2023-10-10

PIPIONE

TA貢獻1829條經驗獲得超9個贊

這是一個非常簡單的示例，可以完全按照您想要的方式工作（根據您的問題）：

function disable() {

document.getElementById("demo").style.display = "none";

}

Click Me

</button>

<h3>

This is part of the div

</h3>

</div>

反對回復 2023-10-10

FFIVE

TA貢獻1797條經驗獲得超6個贊

你可以這樣做：

const display = document.getElementById("imgdisplayarea");

display.addEventListener("click", e => {

if(e.target.tagName === 'BUTTON'){

//if an element within a display div for a button, remove your father

e.target.parentNode.remove();

}

});

反對回復 2023-10-10

ABOUTYOU

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

向每個按鈕元素添加 onclick="DeleteParent(this)" 然后在動態 div 外部包含以下內容：

function DeleteParent(button){

button.parentElement.remove();

}

</script>

反對回復 2023-10-10

4 回答
0 關注
216 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

單擊按鈕刪除自身及其父級 div

單擊按鈕刪除自身及其父級 div

4 回答

添加回答