ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery で [attribute^=value] セレクターを使用するときは何に注意する必要がありますか?
注意事項1:
FirefoxでjQueryselector [attribute^=value]を使用する際の注意事項
以前に書いたスクリプトで使用されていました
var bindAttrs = $("[databind^='attr'", item);
皆さんは問題を見たことがありますか?
このスクリプトはしばらく使用されていますが、Firefox ではまだテストされていません。
他のブラウザでも正常に使用できます。
今日、誰かが Firefox にロードされたデータが間違っていることを発見しました
デバッグ を行った後、最終的にコードに問題があることが判明しました
私はただ書いただけです。左括弧を書き忘れました。
注2:
関連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^='attr']", item);
このように、databindattributeはattrで始まるimg要素ですが、どう書けばよいのでしょうか?
書き方その1:
var item = $("#Zy_hotsort_img").prop("outerHTML"); var bindAttrs = $("*[databind^='attr']", item);
書き方その2:
var item = $("#Zy_hotsort_img").html(); var bindAttrs = $("*[databind^='attr']", $("<div></div>").append(item));
以上がJQuery で [attribute^=value] セレクターを使用するときは何に注意する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。