Jquery 图像交换 onLoad

发布于 2024-10-07 23:12:49 字数 546 浏览 2 评论 0原文

我想将一个类的一组图像的 src 更改为每个图像的标题属性。有没有更简单的方法来做到这一点？

    <img src="" title="images/1.png" class="images" />
    <img src="" title="images/2.png" class="images" />
    <img src="" title="images/3.png" class="images" />
    <img src="" title="images/4.png" class="images" />
    <img src="" title="images/5.png" class="images" />
<script>
    $(function(){
    var newImage = $(this).attr('title')
    $('.images').attr(src, ''+ newImage +'');
    });
</script>

但这不能正常工作。

原文

I want to change the src of a set of images of a class to each image's title attribute. Is there any easier way to do this?

    <img src="" title="images/1.png" class="images" />
    <img src="" title="images/2.png" class="images" />
    <img src="" title="images/3.png" class="images" />
    <img src="" title="images/4.png" class="images" />
    <img src="" title="images/5.png" class="images" />
<script>
    $(function(){
    var newImage = $(this).attr('title')
    $('.images').attr(src, ''+ newImage +'');
    });
</script>

But this does not work correctly.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月静好 2024-10-14 23:12:50

不会，因为您只是从第一张图像中获得标题。尝试这样的事情：

$(function() {
  $('img.images').each(function () {
    var $this = $(this);
    $this.attr('src', $this.attr('title'));
  }
});

It wouldn't, because you're getting the title from just the first image. Try something like this:

$(function() {
  $('img.images').each(function () {
    var $this = $(this);
    $this.attr('src', $this.attr('title'));
  }
});

回复收藏 0 原文

云胡 2024-10-14 23:12:50

这是一个简单的工作示例： http://jsfiddle.net/SwcYK/

$(function()
{
    var $images = $("img.images");

    for (var i = 0; i < $images.length; i++)
    {
        $images[i].src = $images[i].title;
    }
});

Here is a simple working example: http://jsfiddle.net/SwcYK/

$(function()
{
    var $images = $("img.images");

    for (var i = 0; i < $images.length; i++)
    {
        $images[i].src = $images[i].title;
    }
});

回复收藏 0 原文

~没有更多了~