使用jquery进入数组中的所有图像？

HTML

 
  
 
 
 
 
 
 
 
   
 
 
 
 
The Magnet Source™ Magnet Tape 1/2"x 30"
 
Magnetic products. Tape 1/2"x 30"- Gives you a quick and easy way to add a magnet to lightweight craft projects. Easy as 1-2-3, cut to length, peel off adhesive liner and apply to craft project. It cuts easily with scissors.
 Know More 
 
 
 
 
 
 
 
 
   
 
 
 
 
VersaMark Watermark Ink Stamp Pad Large Dazzle Frost
 
Making your mark has never been easier! VersaMark™ watermark/resist ink gives you unique options for the distinction you've been looking for. Simply stamp your image onto paper and explore the possibilities of watermarking your own stationary or subtle tone-on-tone designs. Plus, VersaMark™ performs well as a resist ink. VersaMark™ - the versatility is in the ink! Refill available. Large Dazzle Frost- Dazzle combines all the great qualities of the original VersaMark™ with added shimmer to give your paper projects an easy touch of elegance.
 Know More 
 
 
 
 
 
 
 
   
 
 
 
 
The Magnet Source™ Magnet Tape 1/2"x 30"
 
Magnetic products. Tape 1/2"x 30"- Gives you a quick and easy way to add a magnet to lightweight craft projects. Easy as 1-2-3, cut to length, peel off adhesive liner and apply to craft project. It cuts easily with scissors.
 Know More 
 
 
 
 
 
 
 
 
   
 
 
 
 
VersaMark Watermark Ink Stamp Pad Large Dazzle Frost
 
Making your mark has never been easier! VersaMark™ watermark/resist ink gives you unique options for the distinction you've been looking for. Simply stamp your image onto paper and explore the possibilities of watermarking your own stationary or subtle tone-on-tone designs. Plus, VersaMark™ performs well as a resist ink. VersaMark™ - the versatility is in the ink! Refill available. Large Dazzle Frost- Dazzle combines all the great qualities of the original VersaMark™ with added shimmer to give your paper projects an easy touch of elegance.
 Know More 
 
 
 
 
 
 
 
1
2
  

jQuery的

 var tn_array = $("#slider ul li img").map(function() { return $(this).attr("src"); }); for (var i=0; i<tn_array.length; i++) { alert(tn_array[i]); } 

我没有得到图像arrays？

Answer 1

使用.each()迭代找到的每个元素。

例如：

 $( "#slider ul li img" ).each(function( index ) { console.log( index + ": " + $(this).src() ); }); 

编辑：您的数组映射也正常工作我认为您在加载文档之前正在迭代

 $(document).ready(function(){ var tn_array = $("#slider ul li img").map(function() { return $(this).attr("src"); }); for (var i=0; i 

Answer 2

你需要使用.get（），因为> map（）返回一个jQuery对象而不是一个数组

 var tn_array = $("#slider ul li img").map(function() { return $(this).attr("src"); }).get(); 

Answer 3

尝试

 var tn_array = []; $( "#slider ul li img" ).each(function() { tn_array.push($(this).attr("src")); });