您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jQuery id选择器仅适用于第一个元素

jQuery id选择器仅适用于第一个元素

我有3个具有相同ID的按钮…

您的HTML无效,同一页面中的元素不能超过一个id

引用规格:

7.5.2

属性为元素分配名称。此名称在文档中必须唯一。

:从更改idclass

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

和 :

$(".xyz").click(function(){
    alert(this.value);
    // No need for jQuery :$(this).val() to get the value of the input.
});

但这仅适用于第一个按钮

jQuery #id选择器文档:

每个id值在文档中只能使用一次。 但是,不应依赖此行为。包含多个使用相同ID的元素的文档无效。

如果您查看jQuery源,则可以看到$使用id selecor-($("#id"))进行调用时,jQuery会调用本机javascriptdocument.getElementById函数

// HANDLE: $("#id")
} else {
    elem = document.getElementById( match[2] );
}

尽管在他们的规范中document.getElementById没有提到它必须返回第一个值,但这是大多数(也许是全部?)浏览器实现它的方式。

JS 2022/1/1 18:24:15 有298人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶