javascript - のようなタグに任意の属性を追加できますか後でJSコードでアクセスします

Question

無関係な属性で DOM 要素を補足する方法はありますか? または、タグは設計により特定の属性で固定されていますか? 例として、これは可能ですか？

<input id="spec" type="text" preference="silly"/>

そして後で、次のようなjQueryまたはDOMリクエストでこの要素にアクセスします

if ($("#spec").attr("preference")=="silly") {
     document.write("That input is silly")
}

デビッド

score 5 · Accepted Answer

任意の余分な属性を追加すると、せいぜい HTML が無効になり、言語の将来の変更と競合するリスクがあります。

HTML 5 では、任意のデータを DOM に格納するためのdata-*属性が導入されています。

jQuery は、data()メソッドを介してそれらにアクセスできます。

<input id="spec" data-preference="silly">
if (jQuery('#spec').data('preference') === 'silly') { ... }

score 2 · Accepted Answer

これは、 dataを使用して簡単に実行できます。

<input id="spec" type="text" data-preference="silly"/> 

if ($("#spec").data("preference") == "silly") {
     alert("That input is silly");
}

2 に答える 2