jquery - 似乎 jQuery ID 选择器不允许“。” . 是什么原因 ? 有什么可以解决的？

Question

我观察到

$("#bank1.bankName").hide();

不工作，而

$("test").hide() 

作品

这是什么原因？什么是可能的解决方法

编辑以包含标记

<td id = "bank1.bankName">
 <form:input path="bankDetails[0].bankName" size = "12"/>
 </td>

我正在使用 Spring MVC

Answer 1

问题是因为.用于表示类选择器。您当前的代码使 jQuery 搜索具有 idbank1 和class的元素bankName。

为避免这种情况，您需要使用以下命令转义.字符\\：

$("#bank1\\.bankName").hide();

示例小提琴

最好的做法是根本不使用属性中的.角色。id虽然它在 HTML5 规范中是有效的，但它会导致诸如此类的令人困惑的情况。