如何檢測jQuery中的當前元素？

Question

我想通過jQuery添加屬性data-pic多個IMG標籤：

$('#description img').attr('data-pic', $(this).attr('src')) 

但是，$(this).attr('src')將無法​​正常工作。我需要的是我正在使用的當前元素（img）的src。

Answer 1

你需要使用一個回調函數來使用上下文this關鍵字。

$('#description img').attr('data-pic', function() { 
    return $(this).attr('src'); 
}); 

Answer 2

我通過jQuery添加屬性數據-PIC到圖像（大於1）：

您需要使用一個循環的各圖像上。

$('#description img').each(function(){ 
    $(this).attr('data-pic', $(this).attr('src')) 
}) 

Answer 3

要做到這一點，你可以使用直接循環使用each()。這會給你的處理函數中的this參考：

$('#description img').each(function() { 
    $(this).attr('data-pic', $(this).attr('src')); 
}); 

或者你可以提供一個功能attr()將每個元素實例工作：

$('#description img').attr('data-pic', function() { 
    return $(this).attr('src'); 
});