jquery如何从数组中获取属性并将其传递给另一个数组

我有2 div容器与一些内部div。我想达成什么是放置“相对”属性为在拇指的背景图像...jquery如何从数组中获取属性并将其传递给另一个数组

<div class="container"> 
    <div class="item" rel="image_01"></div> 
    <div class="item" rel="image_02"></div> 
    <div class="item" rel="image_03"></div> 
... 
<div> 

<div class="thumbs"> 
    <div class="thumb"></div> 
    <div class="thumb"></div> 
    <div class="thumb"></div> 
</div>

我试图通过使两个数组

var visuals = $('.container .item'); 
var visualArr = $.makeArray(visuals); 

var thumbs = $('.thumbs .thumb'); 
var thumbArr = $.makeArray(thumbs);

那么实现这一用于放置这个在每个拇指环：

for (var i =0; i<visualArr.length; i++){ 
    thumbArr[i].css('background','url("'+visualArr[i].attr('rel')+'")'); 
}

但是，这不工作，可能是我让自己很难，...再次:) 有人吗？

来源

2014-12-06 saerts

你可以只是简单的做这样

$('.item').each(function(i) { // take the index to be used 
    $('.thumbs .thumb').eq(i).css("background", 'url("' + $(this).attr("rel") + '")'); 
});

来源

2014-12-06 16:03:39

是的，这是要走的路，非常感谢。 !!!! – saerts 2014-12-06 16:17:55

@saerts很高兴它有帮助。如果有帮助，不要忘了点击勾号将其标记为答案。 – 2014-12-06 16:18:38

不得不阅读常见问题第一次找到标记:) – saerts 2014-12-06 17:05:33

的原因是没有工作是你没有一个jQuery的参考，因此的.css是不确定的。

a = $('.thumbs .thumb'); 
a = [<div class="thumb"></div>,<div class="thumb"></div>,<div class="thumb"></div>]

A是一个jQuery OBJ，但如果你在它里面，即[0]你会得到一个js参考

您需要选择项目

$(a[0])

，然后你可以访问这些方法。

来源

2014-12-06 16:04:10

jquery如何从数组中获取属性并将其传递给另一个数组

回答

相关问题