基于具有数据属性向图像添加单击事件

Question

我有以下图片： -

<img rel="item-1" src="1.gif"/>
<img rel="item-2" src="2.gif"/>
<img rel="item-3" src="3.gif"/>

目前我可以使用Jquery将click事件附加到每个图像，如下所示： -

$("img[rel^='item']").click(function () {
    var img = $(this);
});

假设我想使用data属性并删除rel属性： -

<img data-thumb="item-1" src="1.gif"/>
<img data-thumb="item-2" src="2.gif"/>
<img data-thumb="item-3" src="3.gif"/>

我的jquery将点击事件附加到具有data-thumb属性的每个图像会是什么样的？

编辑对不起，伙伴们是一样的，就像一个白痴我忘了在我的代码中改变这个： -

var url = img.attr('rel');至var url = img.data('thumb');

我感到惭愧！

Answer 1

它是一样的:)）

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});

Answer 2

您将选择器中的rel替换为data-thumb：

$("img[rel^='item']").click(function () {
    var img = $(this);
});

变为

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});

Answer 3

简单地说：

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});

Answer 4

不一样吗？

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});