我正在尝试删除“最接近”的 div 类:flak
我尝试过使用“parent”,但它会删除更高的 div。
我需要删除类为“.flak”的 div 及其所有子项。
HTML
<div class="well" id="flakDiv">
<span id='deleteFlak' class='pull-right'>x</span>
<div class="flak nopadding" id="77">
<div class="flakSideUp nopadding"></div>
<div class="flakMiddle">Flak <b><span>88<span></b><p>88</p></div>
<div class="flakSideDown nopadding"></div>
</div><br>
JS
//Flak HTML setup
var flak = $('<div class="flak nopadding" id="'+flakId+'"><div class="flakSideUp nopadding"></div><div class="flakMiddle">Flak <b><span>'+flakNr+'</span></b><p>'+ chosenObjNr +'</p></div><div class="flakSideDown nopadding"></div></div><br>');
//Delete flak
$('#deleteFlak').on('click', function(){
$(this).closest('.flak').remove();
});
最佳答案
您需要使用$.fn.next()
,就像从紧随其后的 sibling 身上看到的那样。 $.fn.closest()
方法向上遍历 DOM 树中的祖先,包括它自己。
Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.
使用
//Delete flak
$('#deleteFlak').on('click', function(){
$(this).next('.flak').remove();
});
关于jquery - 使用 Jquery 从 DOM 中删除 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32349395/