ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery で [attribute^=value] セレクターを使用するときは何に注意する必要がありますか?

JQuery で [attribute^=value] セレクターを使用するときは何に注意する必要がありますか?

黄舟
黄舟オリジナル
2017-06-23 13:35:311204ブラウズ

注意事項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^=&#39;attr&#39;]", item);

このように、databindattributeはattrで始まるimg要素ですが、どう書けばよいのでしょうか?

書き方その1:

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

書き方その2:

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

以上がJQuery で [attribute^=value] セレクターを使用するときは何に注意する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。