jquery - jQueryで特別な属性の値を取得する

Question

私はこのような<img>特別なものを与えましたattribute：

<img src="image.png" _percent="0.01">

今、試し_percentたjQuery（または基本的なjavascript）での値を取得したい

$("img").attr("_percent");

しかし、これは を返しますundefined。

誰も何をすべきか知っていますか？

Answer 1

そのような属性を使用するべきではありませんが、次のようにしてください。

<img src="image.png" data-percent="0.01">

その後：

$("img").data("percent");

Answer 2

それはおそらくあなたの_percent属性が好きではありません. 代わりに data- 属性を使用します。

<img src="image.png" data-percent="0.01">

その後

$("img").attr("data-percent");

あるいは

$("img").data("percent");

---

ページのどこかに複数の画像がある場合、パーセント値にアクセスする上記のいずれの方法でも、jQuery が最初に見つけた画像に付加された値しか得られないことに注意してください。しかし、これは単純化されたコードにすぎないと思います。

Answer 3

それが data 属性の目的です。

<img src="image.png" data-percent="0.01">

$("img").attr("data-percent");