jquery:从data-url获取'src‘并添加相同的

Question

我是JavaScript、jQuery和Stack的新手。

我正在尝试使用data().url获取url，并在每个img中添加与src相同的url。下面是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');
})