同一HTML文档中有多个相同的ID

Question

我正在创建一个包含多个可能包含ID的HTML模板的网页.因此,最终页面可能包含几个具有完全相同ID的HTML元素,这是HTML不允许的

我似乎仍然可以使用jQuery上下文来解决这个问题,例如:$("#id54",template4),但是这总是适用于所有浏览器,还是某些浏览器会拒绝我多个ID？

Answer 1

该$(selector, context)语法将永远只能在给定范围内搜索,所以只要你的ID是该范围内独一无二的,你的jQuery应该在所有的浏览器.

但是,正如您所知,在模板中以这种方式使用ID是不明智的.

由于不允许使用多个相同的ID,因此没有规定如何处理它们.永远不能保证所有浏览器都会继续支持您正在编写的代码.但是,该代码将按照您今天在所有主流浏览器上的预期方式运行.

解决方法是在模板引擎中使用类或逻辑来确保唯一ID,例如templateID-control-2-myButton.