0

我有以下图片：-

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

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

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

我感到惭愧！

4

4 回答 4

2

一样的 ：）

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});
于 2013-02-20T14:26:31.250 回答
1

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

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

变成

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});
于 2013-02-20T14:26:35.097 回答
1

简单地 ：

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});
于 2013-02-20T14:26:39.140 回答
1

不一样的工作吗？

$("img[data-thumb^='item']").click(function () {
    var img = $(this);
});
于 2013-02-20T14:26:39.897 回答