单击事件处理函数的引导按钮选择器

如何在单击事件处理函数中处理此按钮class="btn btn-danger btn-small"？单击事件处理函数的引导按钮选择器

HTML：

<div class="btn-group"> 
    <a class="btn btn-small" data-toggle="modal" data-target="#edit_kategori" href="<?php echo site_url('ckategori/update_kategori/'.$data->id_kategori);?>"><i class="icon-edit"></i></a> 
    <a class="btn btn-danger btn-small" href="#" id="<?php echo $data->id_kategori ?>" ><i class="icon-trash icon-white"></i></a> 
</div>

JS：

$(".btn btn-danger btn-small").click(function() { 
    var element = $(this); 
    var del_id = element.attr("id"); 
    var info = 'id=' + del_id; 
    if (confirm("Yakin akan menghapus data?")) { 
     $.ajax({ 
      type : "POST", 
      url : "<?php echo base_url(); ?>ckategori/del_ajaxKategori", 
      data : info, 
      success : function() { 
      $('#' + del_id).fadeOut('slow', function() { 
        $(this).remove(); 
       }); 
      } 
     }); 
    } 
    return false; 
});

这是行不通的。当我更改为$(".btn").click(function()时，一切正常，但我所有的按钮组都会调用我的JS中的删除功能。

我想要的是当我点击btn btn-danger btn-small然后它调用删除功能。

来源

2014-10-28 bluesvega

变化'$（ “BTN BTN-危险BTN-小”。）点击（...'任何元素。 ''（“。。btn.btn-danger，.btn.btn-small”）。click（' – 2014-10-28 10:31:29

顺便说一句，'element.attr（“id”）'可以简单地是'this.id'。 – Regent 2014-10-28 10:33:05

@ V4KK4R它看起来应该是'$（“。btn.btn-danger.btn-small”）'，因为你的第一次编辑是。 – Regent 2014-10-28 10:35:12

如果您是通过PHP变量

<?php echo $data->id_kategori ?>

您也可以通过相同的PHP变量设置在选择的ID设置元素的id？

$("#<?php echo $data->id_kategori ?>").click(function(){ 
    //DO STUFF 
});

编辑：后重新阅读您的问题（并支付多一点关注细节） - 你的选择是目前：

$(".btn btn-danger btn-small")

这是搜索的元素键入btn-small在一个元素中btn-danger中的一个元素与类.btn

它应该是：

$(".btn.btn-danger.btn-small")

这看起来对于具有所有三类.btn，.btn-danger和.btn-small

来源

2014-10-28 10:31:15 martinthebeardy

是的，这就是所有关于：阅读问题，并注意细节:)为+1 $（“。btn.btn-danger.btn-small”）' – Regent 2014-10-28 10:42:36

单击事件处理函数的引导按钮选择器

回答

相关问题