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')+'")');
}
但是,这不工作,可能是我让自己很难,...再次:) 有人吗?
答
你可以只是简单的做这样
$('.item').each(function(i) { // take the index to be used
$('.thumbs .thumb').eq(i).css("background", 'url("' + $(this).attr("rel") + '")');
});
答
的原因是没有工作是你没有一个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])
,然后你可以访问这些方法。
是的,这是要走的路,非常感谢。 !!!! – saerts 2014-12-06 16:17:55
@saerts很高兴它有帮助。如果有帮助,不要忘了点击勾号将其标记为答案。 – 2014-12-06 16:18:38
不得不阅读常见问题第一次找到标记:) – saerts 2014-12-06 17:05:33