2 回答
![?](http://img1.sycdn.imooc.com/54584e120001811202200220-100-100.jpg)
TA贡献1829条经验 获得超7个赞
当您尝试按 ID 删除时,它会获取找到的第一个 ID。
要删除正确的内容,请发送点击。this
<button onclick="removeContent(this)">Remove this</button>
并在您的函数中处理它:
function removeContent(el) {
el.parentNode.remove();
}
例:
function addContent() {
var itm = document.getElementById("newContent");
var cln = itm.cloneNode(true);
document.getElementById("placeToStoreContent").appendChild(cln);
}
function removeContent(el) {
el.parentNode.remove();
}
// This is for debug purposes to see which content is which
document.getElementById('orderContent')
.addEventListener('click', function(e) {
const orderedNumber = document.querySelectorAll('.thisIsContent');
let i = 1;
for (p of orderedNumber) {
p.innerText = '' + (i++);
}
});
.contentThatShouldBeHidden { display: none; }
<div id="placeToStoreContent">
</div>
<button id="orderContent" onclick="addContent()">Add Content</button>
<div class="contentThatShouldBeHidden">
<div id="newContent">
<div id="content">
<p class="thisIsContent">This is a prompt</p>
<button onclick="removeContent(this)">Remove this</button>
<hr />
</div>
</div>
</div>
![?](http://img1.sycdn.imooc.com/545868cd00013bbb02200220-100-100.jpg)
TA贡献1942条经验 获得超3个赞
在移除按钮中,执行以下操作:
<!-- The "this" keyword is a reference to the button element itself --> <button onclick="removeContent(this)">Remove this</button>
在你的脚本中:
function removeContent(element) { element.parentNode.remove(); }
添加回答
举报