使用jQuery获取特殊属性的值

Question

我给了<img>一个特殊的attribute，就像这样：

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

现在我想用jQuery（或基本的javascript）获取_percent的值 我试过了

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

但这会返回undefined。

有谁知道该怎么做？

Answer 1

你不应该使用这样的属性，但要这样做：

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

然后：

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

Answer 2

可能不喜欢你的_percent属性。我会改用数据属性：

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

然后

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

甚至

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

---

请注意，如果您在网页上的任何位置都有多个图片，则上述访问百分比值的方法只会为您提供附加到jQuery找到的第一个图像的附加值。但我认为这只是一段简化的代码。

Answer 3

这就是数据属性的用途。

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

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