jquery：從數據url獲取'src'並添加相同的代碼

Question

我是JavaScript，jQuery和Stack的新手。

我試圖獲得與data().url的網址，並將相同的src添加到每個img。這裏是一個HTML的例子。

<ol> 
    <li><div class="image"><img data-url="https://lh4.googleusercontent.com/.../s400/image-1.png"/></div></li> 
    <li><div class="image"><img data-url="https://lh4.googleusercontent.com/.../s400/image-2.png"/></div></li> 
    <li><div class="image"><img data-url="https://lh4.googleusercontent.com/.../s400/image-3.png"/></div></li> 
</ol> 

這是如何實現與jQuery的？

Answer 1

試試這個：

$(".image img").each(function(){ 
    $(this).attr("src" , $(this).data().url); 
}); 

這裏是例子：http://jsfiddle.net/42A93/1/

歡迎SO！

Answer 2

你可以這樣做：

$('.image img').attr('src', function(){ return $(this).data('url') }); 

Answer 3

嘗試

$(".image img").attr('src', function(){ 
    return $(this).data('url'); 
}) 

Answer 4

$('.image img').map(function(){ 
    this.setAttribute('src', this.getAttribute('data-url')); 
});