0

我是 JavaScript、jQuery 和 Stack 的新手。

我正在尝试获取 urldata().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如何实现这一点？

4

4 回答 4

1

尝试这个：

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

这是示例：http: //jsfiddle.net/42A93/1/

欢迎来到 SO！

于 2013-06-25T11:36:11.497 回答
1

你可以这样做：

$('.image img').attr('src', function(){ return $(this).data('url') });
于 2013-06-25T11:36:28.240 回答
0 
$( '.image img' ).map( function(){
     this.setAttribute('src', this.getAttribute('data-url'));
});
于 2013-06-25T11:37:52.320 回答
0

尝试

$(".image img").attr('src', function(){
    return $(this).data('url');
})
于 2013-06-25T11:37:05.150 回答