2 回答

TA貢獻1860條經(jīng)驗 獲得超9個贊
發(fā)現(xiàn)孩子直接使用Element.querySelector()帶有屬性選擇器,并將其刪除:
function removeChild(dataID) {
const child = document.querySelector(`[data-id='${dataID}']`);
if(child) child.remove();
};
removeChild(2);
<div class="parent-div">
<div class="child-item" data-id="1"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="3"> SomeContent </div>
</div>
如果可以有多個具有相同屬性的項目,請使用Document.querySelectorAll(),然后使用 forEach 迭代結果,并刪除項目:
function removeChild(dataID) {
const children = document.querySelectorAll(`[data-id='${dataID}']`);
children.forEach(el => el.remove());
};
removeChild(2);
<div class="parent-div">
<div class="child-item" data-id="1"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="2"> SomeContent </div>
<div class="child-item" data-id="3"> SomeContent </div>
</div>
添加回答
舉報