添加click事件基于具有数据的图像属性

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); 
}); 

假设我要使用的数据属性，并删除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 LO确定要将单击事件附加到每个具有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

你在你的选择与替换data-thumbrel：

$("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); 
});