使用jquery多次對同一個id執行click功能

Question

注意：抱歉提出此類問題。

我有一個頂部和底部帶有保存按鈕的表單。 我將它作為執行點擊功能的通用ID。 對於第一個保存按鈕，獲取警報但第二個保存按鈕僅包含相同的ID，但不會顯示警報。 我不知道如何為包含相同ID的兩個按鈕發出警報。

  jQuery("#preview").click(function() {
            alert("Handler for .click() called.");
        });

這是小提琴。 http://jsfiddle.net/N8Mhd/

任何建議都會很棒。

Answer 1

ID應該是唯一的，不要對兩個元素使用相同的id。 請改用類。

所以只需使用

<input type="button" class="preview" value="Click Me :)"/>
<input type="button" class="preview" value="Click Me :)"/>

jQuery(".preview").click(function() {
    alert("Ponies!");
});

Answer 2

由於Id不能重復，因此您可以將Id選擇器更改為class選擇器，然后可以綁定相同的事件。

<input type="button" class="preview" value="Click Me :)"/>    
<input type="button" class="preview" value="Click Me :)"/>

腳本：

jQuery(".preview").click(function() {
    alert("Handler for .click() called.");
});

jsFiddle演示

Answer 3

您不能使用具有相同ID的兩個元素，ID必須是唯一的。 你應該使用類：

<input type="button" class="preview" value="Click Me :)"/>

...

<input type="button" class="preview" value="Click Me :)"/>


<script>
jQuery(".preview").click(function() {
   alert("Handler for .click() called.");
});
</script>