Javascript 使用jquery对同一id多次执行单击功能

注意：很抱歉提出这类问题

我有一个顶部和底部都有保存按钮的表单。我将其作为公共id来执行单击功能。对于第一个保存按钮，获取警报，但对于第二个保存按钮，仅包含相同的id，但警报不会显示。我不知道如何为包含相同id的两个按钮发出警报

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

这是小提琴。

---

任何建议都很好。

因为Id不能重复，所以您可以将

Id

选择器更改为

class

选择器，然后可以绑定相同的事件

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

---

As Id不能重复，因此您可以将

Id

选择器更改为

class

选择器，然后可以绑定相同的事件

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

---

id应该是唯一的，不要对两个元素使用相同的id。改用类

所以只要使用

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

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

jQuery（“.preview”）。单击（函数（）{
警惕（“小马！”）；
});

id应该是唯一的，不要对两个元素使用相同的id。改用类

所以只要使用

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

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

jQuery（“.preview”）。单击（函数（）{
警惕（“小马！”）；
});

不能使用两个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>

...
jQuery（“.preview”）。单击（函数（）{
警报（“调用了.click（）的处理程序”）；
});

不能使用两个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>

...
jQuery（“.preview”）。单击（函数（）{
警报（“调用了.click（）的处理程序”）；
});