如何在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>