jquery - 使用 Jquery 从 DOM 中删除 div

Question

我正在尝试删除“最接近”的 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();
});

Answer 1

您需要使用$.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();
});