jquery atrr +二维数组问题

Question

我有以下脚本，我无法找到如何使用汽车[0] ['img']内的值$（'＃img2'）。attr（'src ”，车[0] [ 'IMG']）; 即时通讯JS的noob所以请解释我..为什么jQuery不会接受2d数组作为字符串值和运行该功能，以及我的问题可能的解决方案是什么？

var id = 0 ; 
      var car = new Array(); 
      car[0]['img'] = "./images/carousel_img_2.jpg"; 
      car[0]['title'] ="title"; 
      car[0]['desc'] = 'longer description goes here'; 
      car[0]['link'] = "http://goeshere.com"; 
      car[1]['img'] = "./images/carousel_img_3.jpg"; 
      car[1]['title'] ='title'; 
      car[1]['desc'] = 'longer description goes here'; 
      car[1]['link'] = "http://goeshere.com"; 
      car[2]['img'] = "./images/carousel_img_2.jpg"; 
      car[2]['title'] ='title'; 
      car[2]['desc'] = 'longer description goes here'; 
      car[2]['link'] = "http://goeshere.com"; 


      function nxt() { 
     $('#img2').fadeOut('slow', function(){ 

      var img = car[i]['img'] ; 
      $('#img2').attr('src',img); 
     }); 
     $('#img2').fadeIn('slow'); 

      } 

Answer 1

JavaScript有数组和字典不同的数据类型（键/值存储花哨名词，像数组或者通过数组定义关联数组（）构造函数（如你所做的那样）或者通过方括号[]，而字典与花括号{}中定义

阵列的一个例子：

var array = ['one', 'two', 'three]; 
alert (array[0]); // "one"; 

一dictioanry的例子：

var dict = { 
    'one': 'one one', 
    'two': 'two two', 
    'three': 'three three' 
} 
alert(dict.one); // "one one" 

尝试重新加工您的数组定义了一下：

var car = [ 
    { 
     'img': './images/carousel_img_2.jpg', 
     'title': 'title', 
     'desc': 'longer description goes here', 
     'link': 'http://goeshere.com' 
    }, 
    { 
     'img': './images/carousel_img_3.jpg', 
     'title': 'title', 
     'desc': 'longer description goes here', 
     'link': 'http://goeshere.com' 
    }, 
    { 
     'img': './images/carousel_img_2.jpg', 
     'title': 'title', 
     'desc': 'longer description goes here', 
     'link': 'http://goeshere.com' 
    } 
]; 
alert(car[0].img); // "./images/carousel_img_2.jpg" 

Answer 2

首先，摆脱你的img网址前面的./。我怀疑这是你目前麻烦的来源，但它不会在以后帮助你。只需放下正斜杠并按照“images/blah/blah.png”进行操作即可。

接下来，i是为那个nxt()函数定义的？现在我看到id在顶部设置为0，但没有声明i。即使你的意图是使它id我不确定它会工作，因为你没有在函数内迭代它。

我相信你想要的东西，如：。

function nxt (i) { 
    $('#img2').fadeOut('slow', function(){ 
      var img = car[i]['img'] ; 
      $('#img2').attr('src',img); 
    }); 
    $('#img2').fadeIn('slow'); 

}