Javascript 将唯一的单击事件附加到数组的每个重复实例

以下是具有相同重复实例且没有唯一标识符的三种形式的示例：

<form action="/haters"><input type="submit" value="stop hatin"></form>
<form action="/haters"><input type="submit" value="stop hatin"></form>
<form action="/haters"><input type="submit" value="stop hatin"></form>

如何将不同的console.log或通过单击每个按钮触发的任何消息附加到这些按钮上

到目前为止，我使用jquerydom选择器

$（“form[action='/haters']）

---

我在codepen上也发了帖子：

一组中的每个项目都有一个

索引号，你可以用它来识别它们。

jQuery：
表示“等于”，并指您在
$（'input[type=submit']）
中选择的选择器的索引号

如果要系统地执行该操作，可以将其放入
for（）
或
while（）
循环中。当然，您可以将
eq（0）
替换为您想要用来标识按钮的任何数字（从0开始，0是集合中的第一个元素，不大于
$（'input[type=submit]'）。长度
）

下面是一个示例，您可以使用
alert（）查看它的运行情况
集合中的每个项目都有一个
索引编号，您可以使用该编号来识别它们。

jQuery：
表示“等于”，并指您在
$（'input[type=submit']）
中选择的选择器的索引号

如果要系统地执行该操作，可以将其放入
for（）
或
while（）
循环中。当然，您可以将
eq（0）
替换为您想要用来标识按钮的任何数字（从0开始，0是集合中的第一个元素，不大于
$（'input[type=submit]'）。长度
）

下面是一个示例，您可以使用
alert（）查看它的运行情况
集合中的每个项目都有一个
索引编号，您可以使用该编号来识别它们。

jQuery：
表示“等于”，并指您在
$（'input[type=submit']）
中选择的选择器的索引号

如果要系统地执行该操作，可以将其放入
for（）
或
while（）
循环中。当然，您可以将
eq（0）
替换为您想要用来标识按钮的任何数字（从0开始，0是集合中的第一个元素，不大于
$（'input[type=submit]'）。长度
）

下面是一个示例，您可以使用
alert（）查看它的运行情况
集合中的每个项目都有一个
索引编号，您可以使用该编号来识别它们。

jQuery：
表示“等于”，并指您在
$（'input[type=submit']）
中选择的选择器的索引号

如果要系统地执行该操作，可以将其放入
for（）
或
while（）
循环中。当然，您可以将
eq（0）
替换为您想要用来标识按钮的任何数字（从0开始，0是集合中的第一个元素，不大于
$（'input[type=submit]'）。长度
）

下面是一个示例，您可以使用
alert（）
查看它的实际操作。我认为最好的方法是为这些输入添加名称，稍后您可以通过名称获取每个输入，并对每个输入使用单击功能

<input type="submit" value="stop hatin" name="first">

$("#first").click(function() {
function
}


$（“#第一”）。单击（函数（）{
功能
}
我认为最好的方法是将名称添加到输入中，然后您可以通过名称获取每个输入，并对每个输入使用单击功能

<input type="submit" value="stop hatin" name="first">

$("#first").click(function() {
function
}


$（“#第一”）。单击（函数（）{
功能
}
我认为最好的方法是将名称添加到输入中，然后您可以通过名称获取每个输入，并对每个输入使用单击功能

<input type="submit" value="stop hatin" name="first">

$("#first").click(function() {
function
}


$（“#第一”）。单击（函数（）{
功能
}
我认为最好的方法是将名称添加到输入中，然后您可以通过名称获取每个输入，并对每个输入使用单击功能

<input type="submit" value="stop hatin" name="first">

$("#first").click(function() {
function
}


$（“#第一”）。单击（函数（）{
功能
}
虽然您可以像@Deryck的回答那样单独绑定每个按钮，但这种做法往往会导致代码重复。您的实际用例可能不是在单击3个按钮时将3个不同的内容记录到控制台

特别是如果这3个按钮执行类似的操作，或者如果它们对同一组数据执行操作，则执行以下操作通常会更干净：

jQuery
加成


参考



虽然您可以像@Deryck的回答那样单独绑定每个按钮，但这种做法往往会导致代码重复。您的实际用例可能不是在单击3个按钮时将3个不同的内容记录到控制台

特别是如果这3个按钮执行类似的操作，或者如果它们对同一组数据执行操作，则执行以下操作通常会更干净：

jQuery
加成


参考



虽然您可以像@Deryck的回答那样单独绑定每个按钮，但这种做法往往会导致代码重复。您的实际用例可能不是在单击3个按钮时将3个不同的内容记录到控制台

特别是如果这3个按钮执行类似的操作，或者如果它们对同一组数据执行操作，则执行以下操作通常会更干净：

jQuery
加成


参考



虽然您可以像@Deryck的回答那样单独绑定每个按钮，但这种做法往往会导致代码重复。您的实际用例可能不是在单击3个按钮时将3个不同的内容记录到控制台

特别是如果这3个按钮执行类似的操作，或者如果它们对同一组数据执行操作，则执行以下操作通常会更干净：

jQuery
加成


参考



您希望每个单击事件执行不同的操作吗？当我在DOM中针对这些元素时，它是每个元素的数组