处理jQuery选择器中的特殊符号,如(、#等

前几天解决一个外网问题,客服反馈页面数据加载不出来,首先看一下服务端日志也没报错异常,自己测试了一下,在chrome的Console发现有js报错,原来是js报错导致的数据加载不出来。

调试了一番,发现有一部分页面是根据服务端返回的数据拼接的html。返回的数据某字段带有括号,从而生成的html类似<div id="id(xxx)">aa</div>。然后在通过id获取时取不到数据,所以导致js报错的。

最快的解决办法在后台管理系统修改了数据,把括号去掉了,页面正常了。

一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符

那么是如何处理这些个特殊字符的呢?

要想让jQuery能处理这些特殊字符,使用普通的方式处理的话,必须要进行转义。

HTML代码:

<div id="id.a">aa</div>
<div id="id#b">bb</div>

js代码:

var $id_a  = $('#id.a');//jQuery对象,实际上是没取到元素的

var $id_b  = $('#id#b');//jQuery对象,实际上是没取到元素的

alert( $id_a.length);//输出0

alert( $id_b.length);//输出0

var $id_right_a  = $('#id\\.a');//jQuery对象,对特殊字符,我们转义一下

var $id_right_b  = $('#id\\#b');//jQuery对象,对特殊字符,我们转义一下

alert( $id_right_a.html() );//正确输出"aa"

alert( $id_right_b.html() );//正确输出"bb"

  

转载于:https://www.cnblogs.com/1024zy/p/7281524.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值