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如何從數組中獲取屬性並將其傳遞給另一個數組

回答

相關問題