Question

我有一系列物体(数据)

data[0].image = image1.jpg;
data[0].name = "some name";

data[1].image = image2.jpg;
data[1].name = "some name";

data[2].image = image3.jpg;
data[2].name = "some name";

data[3].image = image4.jpg;
data[3].name = "some name";

我还有一组tag。

<ul class= swapme >
  <li><img class="swapme" src="a.jpg" /></li>
  <li><img class="swapme" src="b.jpg" /></li>
  <li><img class="swapme" src="c.jpg" /></li>
  <li><img class="swapme" src="d.jpg" /></li>
</ul>

我知道,我可以 gr笑同tag的tag子。

$( ul.swapme ).children( img.swapme )

我知道,我可以抹掉每一图像的阴极特征。

$( img.swapme ).attr( src , data[0].image)

我的问题是,用相应数据标出电弧特性的正确途径是什么。例如,jpg变成了图像1.jpg. . ect. 。

如果我使用 lo眼和cl眼,任何人都能够提供更好的方法,以做到这一点?

Answer 1

您可使用“条形”栏目,并使用“条形”栏目:

var data = [
    { image : image1.jpg ,  name : some name },
    { image : image2.jpg ,  name : some name },
    { image : image3.jpg ,  name : some name },
    { image : image4.jpg ,  name : some name },
];

$( ul.swapme ).find( img.swapme ).each(function (index, value) {
    $(value).attr( src , data[index].image);
});

注:我修改了$(ul.swapme ).children ( img.swapme ) to $ (ul.swapme ).find (g.swapme ),因为图像标签不是未定名单标签的直接后代。

http://jsfiddle.net/jasper/Bycse/“rel=“nofollow”http://jsfiddle.net/jasper/Bycse/。

Answer 2

http://api.jquery.com/each/“rel=“nofollow” 页: 1 每一方法:

$( ul.swapme img.swapme ).each(function(i) {
    $(this).attr( src , data[i].image);
});

Answer 3

You would need to loop, though I don t think it s all that ugly:

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

友情链接