Question

我试图删除“最近”的div与类：flak
我尝试使用“父”但它会删除更高的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()，因为它紧跟在兄弟之后。 $.fn.closest()方法遍历DOM树中的祖先，包括它自己。

获取匹配元素集中每个元素的紧随其后的兄弟。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个兄弟。

使用

//Delete flak
$('#deleteFlak').on('click', function(){
    $(this).next('.flak').remove();
});

Answer 2

尝试FIDDLE。

以下代码在span #deleteFlak 的父DIV下找到 flak 类。

Javascript代码：

$(function(){
    $('#deleteFlak').on('click', function(){
        alert('close');
        $(this).closest('div').find('.flak').remove();
    });
});

Hpe有帮助。

使用Jquery从DOM中删除div

2 个答案: