使用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>