Jquery图像交换onLoad

Question

我想将类的一组图像的src更改为每个图像的title属性。有没有更简单的方法呢？

    <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>

但这不能正常工作。

Answer 1

它不会，因为你从第一张图片中获得了标题。尝试这样的事情：

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

Answer 2

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

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

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