首页 文章

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

提问于
浏览 次
3

这是我的代码 .

$(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 .

javascript jquery twitter-bootstrap

3 回答

  • 2

    在jquery中使用 closest()

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

    你可以使用closest

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

    我想你只想提高一级？这将删除整个div“行引导” .

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

相关问题