我有 3 个具有相同 ID 的按钮。我需要在单击时获取每个按钮的值。
<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button>
<button id="xyz" type="button" class="btn btn-primary" value="2">XYZ2</button>
<button id="xyz" type="button" class="btn btn-primary" value="3">XYZ3</button>
这是我当前的jQuery脚本：
$("#xyz").click(function(){
var xyz = $(this).val();
alert(xyz);
});
但它仅适用于第一个按钮，其他按钮的点击将被忽略。
我有 3 个具有相同 ID 的按钮...
您的 HTML 无效。一个页面中不能有多个具有相同id属性值的元素。
引用规范：
7.5.2元素标识符：id 和 class 属性
id = name [CS]
此属性为元素分配名称。此名称在文档中必须是唯一的。
解决方案：从id改为class：
<button type="button" class="btn btn-primary xyz" value="1">XYZ1</button>
<button type="button" class="btn btn-primary xyz" value="2">XYZ2</button>
<button type="button" class="btn btn-primary xyz" value="3">XYZ3</button>
和jQuery 代码：
$(".xyz").click(function(){
alert(this.value);
// No need for jQuery :$(this).val() to get the value of the input.
});
但它只适用于第一个按钮
jQuery#id选择器文档：
每个 id 值在一个文档中只能使用一次。如果多个元素被分配了相同的 ID，则使用该 ID 的查询将只选择 DOM 中第一个匹配的元素。但是，不应依赖这种行为；具有多个元素使用相同 ID 的文档是无效的。
如果您查看 jQuery 源代码，您会发现当您$使用 id selecor-( $("#id")) 进行调用时，jQuery 会调用本机 javascriptdocument.getElementById函数：
// HANDLE: $("#id")
} else {
elem = document.getElementById( match[2] );
}
虽然，在他们的规范中document.getElementById没有提到它必须返回第一个值，这就是大多数（也许是全部？）浏览器实现它的方式。
ID 的意思是“标识符”，每个文件只能使用一次。由于此时您的 HTML 是错误的，一些浏览器会选择第一个元素，一些是最后出现的具有该 ID 的元素。
更改名称的 id 将是一个很好的步骤。
然后使用 $('button[name="xyz"]').click(function(){
根据我的经验，如果您改用$('button#xyz')选择器，它将起作用。这是一个 hack，但它仍然是无效的 HTML。
如果您有多个具有相同 ID 的元素，这也有效。
$("button#xyz").click(function(){
var xyz = $(this).val();
alert(xyz);
});
你可以在这里查看
如果容器中有相同的 id，则可以使用 on() 访问每个事件的每个元素
$("#containers").on("click","#xyz",function(){
alert($(this).val())
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="containers">
<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button>
<button id="xyz" type="button" class="btn btn-primary" value="2">XYZ2</button>
<button id="xyz" type="button" class="btn btn-primary" value="3">XYZ3</button>
</div>关于 on() 的信息在这里