JQuery选择器之[attribute^=value]使用注意事项

简介: 注意事项一:Firefox下JQuery选择器之[attribute^=value]使用注意事项之前写的一个脚本中用到了var bindAttrs = $("[databind^='attr'", item);大家都看出存在的问题了吧?这脚本用了一段时间了,但一直没用Firefox下测试过,在其它浏览器下都能正常使用!今天突然有人发现在Firefox下加载的数据不正确,经过一段时间的调试,最后发现是代码写的有问题,犯了一个低级的错误,只写了左中括号,忘了写右中括号。

注意事项一:

Firefox下JQuery选择器之[attribute^=value]使用注意事项

之前写的一个脚本中用到了

var bindAttrs = $("[databind^='attr'", item);
大家都看出存在的问题了吧?

这脚本用了一段时间了,但一直没用Firefox下测试过,

在其它浏览器下都能正常使用!


今天突然有人发现在Firefox下加载的数据不正确,

经过一段时间的调试,最后发现是代码写的有问题,

犯了一个低级的错误,只写了左中括号,忘了写右中括号。

注意事项二:

相关HTML:

<div id="Zy_hotsort_img" class="Zy_hotsort_img">
<img src="${ctx}/images/resource/jpg02.jpg" databind="attr:{src:=http://{{newCourseware.coverpath}}}" >
<div class="Zy_newicon">new</div>
</div>
相关JS代码:

var item = $("#Zy_hotsort_img").html();
var bindAttrs = $("*[databind^='attr']", item);
问题出现了,这样子是获取不到databind属性为attr开头的img元素的,那应该怎么写呢?

写法一:

var item = $("#Zy_hotsort_img").prop("outerHTML");
var bindAttrs = $("*[databind^='attr']", item);

写法二:

var item = $("#Zy_hotsort_img").html();
var bindAttrs = $("*[databind^='attr']", $("<div></div>").append(item));

目录
相关文章
N..
|
6月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
45 1
|
30天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
28 2
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
39 5
|
17天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
5月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
33 0
|
5月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 选择器
jQuery 选择器
24 3
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
27 1
|
3月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
34 1