前几天解决一个外网问题,客服反馈页面数据加载不出来,首先看一下服务端日志也没报错异常,自己测试了一下,在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"
作 者:
骑着蜗牛望太阳
出 处:http://www.cnblogs.com/1024zy/
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我。
感谢您的阅读,如果您对我的博客所讲内容有兴趣,请关注我的博客,您的鼓励是作者坚持原创和持续写作的最大动力!