jQuery的选择器对控件ID含有特殊字符的解决方法
问题描述
jQuery类库在我们实际项目中用的很多,大家经常需要根据控件的id
,获取对应的html元素。但是,当id
含有特殊字符的时候,是不能选中的。
jQuery的id选择器只支持,单词、阿拉伯数字、下划线、中划线。其中单词,包括英文字母、汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id
的, 这里不考虑。
解决方案
提供以下方法,开人人员只要将id
转义后,jQuery就能选中了,不用再考特殊字符的问题。
function escapeJquery(srcString) {
// 转义之后的结果
var escapseResult = srcString;
// javascript正则表达式中的特殊字符
var jsSpecialChars = ["\\", "^", "$", "*", "?", ".", "+", "(", ")", "[",
"]", "|", "{", "}"];
// jquery中的特殊字符,不是正则表达式中的特殊字符
var jquerySpecialChars = ["~", "`", "@", "#", "%", "&", "=", "'", "\"",
":", ";", "<", ">", ",", "/"];
for (var i = 0; i < jsSpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp("\\"
+ jsSpecialChars[i], "g"), "\\"
+ jsSpecialChars[i]);
}
for (var i = 0; i < jquerySpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp(jquerySpecialChars[i],
"g"), "\\" + jquerySpecialChars[i]);
}
return escapseResult;
}
转自:https://www.cnblogs.com/ranran/p/jquery_ids.html