jquery - 如何选择 ID 中有特殊字符的元素？

Question

我有一个带有网格的页面，其中包含很多如果使用“奇怪的名称”输入来模拟数组:

 <input type="text" id="Punteggi[@counter].Descrizione" readonly="readonly" tabindex="-1" name="Punteggi[@counter].Descrizione" class="{validate: {required:true}}" value="@item.Descrizione" /> 

如何使用 jQuery 设置这些输入的值，具体来说，如何选择它们？我尝试了很多方法，但没有任何效果。

Answer 1

问题是方括号在 CSS 中具有特殊含义(作为属性选择器)，点也有特殊含义，作为类选择器。试试$.escapeSelector :

$('#' + $.escapeSelector('Punteggi[@counter].Descrizione'))

这将转义选择器，因此特殊字符不会影响选择。您还可以尝试使用属性选择器并将其括在引号中:

$('[id="Punteggi[@counter].Descrizione"]')

这将与该 ID 字面匹配，并且不会将任何特殊字符视为特殊字符。