jquery - 元素img的循环属性

Question

当我尝试获取图像的循环属性的值时 <img src="myimag.png" loop="3" /> jQuery 函数返回“loop”，但不返回值。 它可以与其他所有产品一起正常工作，例如:

var src = $(this).attr('src');
var alt = $(this).attr('alt');

这是一个错误吗？

Answer 1

I did some digging显然 loop 是一个 bool 属性 (loop="loop")。 The spec说:

Boolean attributes may legally take a single value: the name of the attribute itself (e.g., selected="selected").

以下是其余类型的属性:

rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i;

jQuery 会考虑这些类型的属性并返回正确的属性值，而不管属性的实际值是什么。如果该属性存在，则将其设置为“true”。

---

如果您想在 HTML 元素中存储数据，请使用 data- 属性:

<img src="myimag.png" data-loop="3" />

现在，$('img').data('loop') 返回数字 3。