使用Jquery向每个图像添加数据属性

Question

我需要在页面上的每个图像上添加一个数据属性。这些数据图像提供了一个灯箱功能，但由于有很多图像，所以使用Jquery自动执行此操作会很不错。

到目前为止，我已经使用了数据属性，如：

$('.item a).attr('data-lightbox');

我在页面上有多个图像，并且所有使用.item div的图像都应该应用数据属性。我在想正确的方法吗？

Answer 1

您只使用密钥作为参数来使用getter方法。您需要使用setter并传入键和值。正确的语法是

$(selector).data(name,value)

循环图像并使用data()方法

$("img").each(function() {
    $(this).data("lightbox", "value");
});

https://api.jquery.com/jquery.data/

Answer 2

这将完成工作

$('.item img').attr('data-lightbox', 'value');