javascript - 当按钮单击时如何选择按钮和 delete的父级父级?

  显示原文与译文双语对照的内容
101 4

这是我的代码。

 $(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="。网站中心网站"的按钮被点击时,整个div被删除。因为我使用append动态附加 above div,所以无法使用 id 。

时间:原作者:0个回答

123 0

你可以使用 closest

$(document).ready(function(){
 $(".btn.btn-default.btn-lg.remove").click(function(){ 
 $(this).closest('.row').remove();
 });
});
原作者:
51 1

我想你只是想让一个级别更高?这将删除整个 div"行引线"。

$(document).ready(function(){
 $(".btn.btn-default.btn-lg.remove").click(function(){ 
 $(this).parent().parent().remove();
 });
 });
原作者:
110 5

在jquery中使用 closest()

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