jQuery數組問題

Question

我試圖通過獲取rel屬性中的每個圖像鏈接來預先創建數組圖像。

我有一個頁面上：

<div id="gallery_thumbs"> 
    <a><img src="images/image-1-thumb.jpg" rel="images/image-1.jpg" /></a> 
    <a><img src="images/image-2-thumb.jpg" rel="images/image-2.jpg" /></a> 
    <a><img src="images/image-3-thumb.jpg" rel="images/image-3.jpg" /></a> 
    <a><img src="images/image-4-thumb.jpg" rel="images/image-4.jpg" /></a> 
</div> 

頁面加載時我需要把所有的#gallery_thumbs a img的rel屬性和附加這些到一個數組，像這樣：

preload([ 'images/image-1.jpg', 'images/image-2.jpg', 'images/image-3.jpg', 'images/image-4.jpg']); 

任何人都可以幫幫我？

Answer 1

您可以使用地圖功能：

$("img").map(function(i,e) { return $(e).attr('rel');}) 

Answer 2

您可以使用.map()得到你想要的字符串數組，像這樣：

var arr = $("#gallery_thumbs img").map(function() { 
      return $(this).attr("rel"); 
      }).get(); 
preload(arr); 

---

的<a>沒有名稱或href無效但是，爲什麼沒有href去你想要的圖像（它會優雅地降級），並阻止在JavaScript中的操作？您的標記應該是這樣的：

<div id="gallery_thumbs"> 
    <a href="images/image-1.jpg"><img src="images/image-1-thumb.jpg" /></a> 
    <a href="images/image-2.jpg"><img src="images/image-2-thumb.jpg" /></a> 
    <a href="images/image-3.jpg"><img src="images/image-3-thumb.jpg" /></a> 
    <a href="images/image-4.jpg"><img src="images/image-4-thumb.jpg" /></a> 
</div> 

使上面的腳本簡單得：

var arr = $("#gallery_thumbs a").map(function() { return this.href; }).get(); 
preload(arr);