如何通过jquery成功删除或淡出选定的div parta

Question

我想通过点击取消按钮php代码

删除所选的div部分

while($fetch_user_info= mysqli_fetch_assoc($query_client))
{
  <div class="col-sm-12 m-t-20 insight_box">
    <button type="button" class="btn btn-default btn-sm cancel_insights"  value="<?php echo $c_id;?>">Cancel</button>
    <button type="button" class="btn btn-info btn-sm " onclick="window.open('<?php echo $url.'?pan='.$jh1_pan ?>', '_blank')">Yes, On board now!</button>
  </div>
}
?>

Jquery：

$('.cancel_insights').click(function() {
  var c_id = $(this).val();
  $.post('url', {
    'c_id': c_id,
    'action': 'action'
  }, function(data, status) {
    if (data == 'true') {
      $(this).find('.insight_box').fadeOut();
    }
  });
});

Answer 1

变化
$(this).find('.insight_box').fadeOut();

进入这个

$(this).parent().fadeOut();

Answer 2

您可以添加一个事件，以便在单击该按钮时获取其父项并将其删除，如此

$(".cancel_insights").click(function() {
    $(this).parent().remove();
});