首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >$("#id")只选择第一个元素,而$("div#id")选择两个元素?

$("#id")只选择第一个元素,而$("div#id")选择两个元素?
EN

Stack Overflow用户
提问于 2013-01-19 11:02:33
回答 3查看 992关注 0票数 2
代码语言:javascript
运行
复制
<!DOCTYPE HTML>

<script src='http://code.jquery.com/jquery-latest.min.js'></script>

<body>

<div id='mydiv'>Hello, buddy.</div>
<div id='mydiv'>Hello, friend.</div>

</body>

在JQuery中,如果我选择$('#mydiv'),它将只选择第一个div,但如果我选择$('div#mydiv'),它将选择所有的div。

我知道在指定元素和id的同时,它将阻止选择具有相同id但不是div的其他元素。

这不是一个bug吗?难道$('#mydiv')不应该选择id为'mydiv‘的所有元素吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-01-19 11:07:13

关于jQuery的说明

此外,在您的示例中,jQuery应该只选择一个元素,并且是ID的第一个元素。由于您还提供了div,因此它使用getElementsByTagName,并将属性与ID进行匹配。因此,它将返回所有实例。如果我错了,请纠正我。

建议

根据web标准,id属性必须是唯一的。因此,每个元素都应该有唯一的ID。如果你想对多个元素使用东西,你可以使用类。

此外,如果您有多个ID,您的HTML将不会进行验证。

另外,从XHTML 1.0 Spec

在XML中,片段标识符的类型是ID,并且每个元素只能有一个ID类型的属性。因此,在XHTML 1.0中,ID属性被定义为id类型。为了确保XHTML 1.0文档是结构良好的XML文档,在上面列出的元素上定义片段标识符时,XHTML 1.0文档必须使用id属性。有关在将XHTML文档作为媒体类型text/ HTML提供服务时确保此类锚点向后兼容的信息,请参阅html兼容性指南。

票数 4
EN

Stack Overflow用户

发布于 2013-01-19 11:04:14

这根本不是个bug。ID (#myId)不应该在多个实例中使用。这就是我们有类(.myClasses)的原因。

因此,您可以随心所欲地使用类。但对于每个HTML页面,ID始终是唯一的。您可能有一个ID显示在许多不同的页面中,但始终作为唯一的ID。

票数 4
EN

Stack Overflow用户

发布于 2013-01-19 11:07:36

#mydiv可能针对使用getElementById进行了优化,在specs中描述为:

如果多个元素具有此id,则不会定义

行为。

不过,通常会返回具有此类ID的第一个元素。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14410693

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档