单击按钮时如何选择按钮并删除该按钮的祖父格？

Question

这是我的代码。

    $(document).ready(function(){
        $(".btn.btn-default.btn-lg.remove").click(function(){ 
            $(this).parent().remove();
        });
    });

      <div class="row lead"  style="margin-left:100px;color:red">
           <div class="col-md-2"><span style="color:red></div>
           <div class="col-md-2"><span style="color:red"></div>
           <div class="col-md-2"><span style="color:red"></div>
           <div class="col-md-2"><span style="color:red"></div>
               <div class="col-md-3">
                    <button type="button" class="btn btn-default btn-lg remove"> </button> 
                    <button type="button" class="btn btn-default btn-lg"></button>    
                    <button type="button" class="btn btn-default btn-lg"></button>
               </div>
      </div>

我希望在点击class =“btn btn-default btn-lg remove”的按钮时删除整个div。我不能使用id因为我使用append jquery动态追加上面的div。

Answer 1

您可以使用closest

$(document).ready(function(){
    $(".btn.btn-default.btn-lg.remove").click(function(){ 
        $(this).closest('.row').remove();
    });
});

Answer 2

我猜你只想提高一级？ 这将删除整个div＆＃34; row lead＆＃34;。

$(document).ready(function(){
       $(".btn.btn-default.btn-lg.remove").click(function(){ 
       $(this).parent().parent().remove();
     });
  });

Answer 3

在jquery中使用 closest()

 $(document).ready(function(){
     $(".btn.btn-default.btn-lg.remove").click(function(){ 
             $(this).closest(".row.lead").remove();
     });
});