jQuery 没有根据 ID 选择器获取元素

Question

我使用的是 jQuery 1.7.1，没有其他 JS 库/框架。我可以很好地选择大多数元素，除了一个给我带来麻烦的特定表格。这在 Firefox 和 Chrome 中都会发生。

这是描述这一切的图片:

此图中的步骤，按顺序:

1. 我选择页面上的所有表格
2. 我选择了一张与我想要的不同的 table
3. 我将该表设置为“display: none”(只是为了说明 jQuery 不关心“display: none”)
4. 我再次选择该表，因为它已被隐藏。一切都很好。
5. 然后我尝试选择我真正想要的表格。我得不到任何返回。
6. 我使用初始表数组将我想要的表分配给一个变量。
7. jQuery 返回那个表很好，它现在在变量“theTableIWant”中。
8. 表格的“id”与我在第 5 步中选择的“id”完全相同，但没有用。

为什么 jQuery 不直接把表格交给我？为什么会发生这种情况？

Answer 1

它不起作用，因为 # 是 jQuery 选择器中 ID 的特殊字符，所以您会收到此错误:语法错误，无法识别的表达式:#office_set-###

如果你真的必须在 ID 中使用 ###(我不推荐它，因为 Matt 发布的原因)你可以像这样在选择中转义它:

​$('#office_set-\\#\\#\\#')

示例 - http://jsfiddle.net/infernalbadger/fpcME/

您必须两次转义，因为您实际上想将 \ 传递给 jQuery 选择器引擎。