似乎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搜索包含id bank1 和类的元素bankName.

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

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

示例小提琴

最好的做法是根本不使用属性中的.字符id.虽然它在HTML5规范中有效,但它会导致诸如此类的混乱.