如何在jQuery中使用点击事件作为锚点标记和按钮标记simultaneousoulsy？

Question

我在我的项目中使用jQuery 1.9.1。 我有以下HTML：

<button type="button" id="btn_add" class="btn btn-primary">Add</button> 
<a class="btn_delete" href="#"><i class="icon-trash"></i></a> 

我想，如果一个图标用户点击包含在锚标记类“btn_delete”，以显示相同的警告信息或点击具有ID按钮“btn_add”。

为此，我尝试了下面的代码，但它没有为我工作。

$(document).ready(function() { 
    $("button#btn_add.btn_delete").on("click", function(event) { 
    event.preventDefault(); 
    alert("This action has been temporarily disabled!") 
    }); 
}); 

请问有人能帮我这方面吗？

如果您想了解更多关于我面临的问题的信息，请让我知道。

在此先感谢。

Answer 1

**Approach #1** 
    function doSomething(){ 
    //your code 
    } 

    $('#btn_add').click(doSomething); 
    $('.btn_delete').click(doSomething); 

    **Approach #2** 
    $("#btn_add,a.btn_delete").on("click", function(event) { 
     event.preventDefault(); 
     alert("This action has been temporarily disabled!") 
    }); 

Answer 2

你的代码非常接近它应该是的。变化：

$("button#btn_add.btn_delete") 

要：

$("#btn_add,a.btn_delete") 

Answer 3

您可以使用,有多个选择。

$(".btn_delete i,#btn_add").on("click", function(event) { 
    event.preventDefault(); 
    alert("This action has been temporarily disabled!") 
}); 

Answer 4

您可以同时在jQuery选择HTML标记如下：

$(document).ready(function() { 
    $("button#btn_add, a.btn_delete").on("click", function(event) { 
    event.preventDefault(); 
    alert("This action has been temporarily disabled!") 
    }); 
}); 

希望这有助于！

Answer 5

$(document).ready(function() { 
    $("#btn_add,.btn_delete").on("click", function(event) { 
     event.preventDefault(); 
     alert("This action has been temporarily disabled!") 
    }); 
}); 

Answer 6

此外，对于其他答案：

您当前选择会发现如下内容：

<button id="btn_add" class="btn_delete">Foo</button> 

Answer 7

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 

$(document).ready(function() { 
$("button#btn_add, a.btn_delete").on("click", function(event) { 
event.preventDefault(); 
    alert("This action has been temporarily disabled!") 
}); 
}); 

</script>