JQuery的选择器对控件ID含有特殊字符的解决方法-涨姿势了!

1、jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素。

     但是:当id含有特殊字符的时候,是不能选中的。

 2、 自己简单的测试了下,jquery的id选择器只支持,单词、阿拉伯数字、下划线、中划线

   其中单词,包括英文字母、汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,  这里不考虑。


3、提供以下方法,开人人员只要将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;
}

 

posted @   Ranran  阅读(5865)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· Open-Sora 2.0 重磅开源!
历史上的今天:
2010-11-23 某些博文的缺点
点击右上角即可分享
微信分享提示