如何在点击事件处理函数中处理此按钮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
然后它调用删除功能。
答案 0 :(得分:1)
如果您通过PHP变量
设置元素的id
<?php echo $data->id_kategori ?>
您还可以通过相同的php变量在选择器中设置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