jquery - 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>

ページが読み込まれると、次のようにすべてのrel属性を取得し、#gallery_thumbs a imgこれらを配列に追加する必要があります。

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

誰でも助けることができますか？

Answer 1

.map()次のように、必要な文字列の配列を取得するために使用できます。

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

---

<a>名前のない やhref無効なhref. マークアップは次のようになります。

<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);

Answer 2

マップ機能を使用できます：

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