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