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"/>

data-thumb属性を持つ各画像にクリックイベントをアタッチすると、jqueryはどのようになりますか？

編集申し訳ありませんが、それは同じです、私が私のコードでこれを変更するのを忘れたばかのように：-

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 に答える