À quoi devez-vous faire attention lorsque vous utilisez le sélecteur [attribute^=value] dans JQuery ?

Notes1 :

FirefoxjQuerySelector [attribut^=value] Notes d'utilisation

Une écrite avant

var bindAttrs = $("[databind^='attr'", item);

est utilisé dans le script. Tout le monde peut-il voir le problème ?

Ce script est utilisé depuis un moment, mais il n'a jamais été testé dans Firefox

Il peut être utilisé normalement dans d'autres navigateurs !

Aujourd'hui, quelqu'un a soudainement découvert que les données chargées dans Firefox étaient incorrectes

Après une période de débogage, il a finalement été découvert qu'il y avait un problème avec le code,

J'ai fait une erreur stupide, j'ai seulement écrit la parenthèse gauche et j'ai oublié d'écrire la parenthèse droite.

Note 2 :

HTML associé :

<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>

Code JS associé :

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);

Le problème apparaît comme ceci, je ne peux pas obtenir l'élément img dont l'attribut databind commence par attr, alors comment dois-je l'écrire ?

Méthode d'écriture 1 :

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

Méthode d'écriture 2 :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!