带空格的jquery ID

Question

当有ID空间时,有没有人知道如何使用jQuery通过ID选择DOM中的项目？

例如,我的项目的ID将是

<div id="content Module">Stuff</div>

我如何用jQuery选择它？

如果我这样做

$("#content Module").whatever() 

jQuery将尝试查找包含内容ID和Module ID的项目,这不是我想要的.

我应该补充一点,我正在使用一个旧代码库,其中广泛使用这两个单词ID,因此通过并更改所有ID将是不好的.

Answer 1

使用属性选择器.

$("[id='content Module']").whatever();

或者,更好的是,也指定标签:

$("div[id='content Module']").whatever();

请注意,与$('#id')不同,如果您的页面中有多个具有相同ID的元素,则会返回多个元素.

Answer 2

不要使用空格,原因很简单,空格字符对ID属性无效.

ID令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(" - "),下划线("_"),冒号(":")和句点(".").

但如果你不关心标准尝试 $("[id='content Module']")

类似的线程> HTML中id属性的有效值是什么？

编辑:HTML 4.01和HTML5之间的ID有何不同

HTML5摆脱了对id属性的额外限制.剩下的唯一要求 - 除了在文档中是唯一的 - 是值必须包含至少一个字符(不能为空),并且它不能包含任何空格字符.

链接:http://mathiasbynens.be/notes/html5-id-class

Answer 3

万一有人好奇,我发现逃离空间会起作用,也许效果最好.当您无法控制目标DOM(即用户脚本)时,这尤其有用:

$("#this\\ has\\ spaces");

请注意双反斜杠,这是必需的.

Answer 4

Chris建议的方法可能适用于jQuery函数.

var element = document.getElementById('content Module');
$(element) ... ;