jQuery的选择器对控件ID含有特殊字符的解决方法

作者: deepwinter 分类: 前端 发布时间: 2019-09-29 10:51 点击量: 35 次阅读

问题描述

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

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注