JQuery中使用[attribute^=value]選擇器有哪些需要注意的

注意事項一：

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 = $("#<span style="font-family: Arial, Helvetica, sans-serif;">Zy_hotsort_img</span>
<span style="font-family: Arial, Helvetica, sans-serif;">").html();</span>  
var bindAttrs = $("*[databind^=&#39;attr&#39;]", 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^=&#39;attr&#39;]", $("<div></div>").append(item));

以上是JQuery中使用[attribute^=value]選擇器有哪些需要注意的的詳細內容。更多資訊請關注PHP中文網其他相關文章！