javascript - 使用 jquery 对同一 id 执行多次点击功能

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>