jQuery的创建多个元素

多维数组如何使与结构的多维数组这样一个与sl-item类的每个李：jQuery的创建多个元素

$imagesList = [ 
    [1, 123, "<img src=\"/img-src/123.jpg \" />", "/photo/img-123", "image-alt "], 
    [2, 452, "<img src=\"/img-src/452.jpg \" />", "/photo/img-452", "image-alt "], 
];

首先应该是阵列的只是数字，1,2,3 ... ，第二部分是的li元素，第三个是img与img src，第四个是a的网址，photo-url和第五个是img alt。我的结构如下：

<ul class=”sl-img”> 
    <li id=”123” class=”sl-item”> 
     <a class=”photo-url” href=”/photo/img-123”> 
      <img alt=”image-alt” src=”/img-src/123.jpg” > 
     </a> 
    </li> 
    <li id=”452” class=”sl-item”> 
     <a class=”photo-url” href=”/photo/img-452”> 
      <img alt=”image-alt” src=”/img-src/452.jpg” > 
     </a> 
    </li> 
    ..... 
</ul>

来源

2014-02-19 user2406735

为什么你需要数组中的数字？是不是由数组中的索引覆盖？ –

是的，它是由索引覆盖，你是对的，可以省略。 – user2406735

也许这样的事情？

var result = []; 

$('li').each(function(i){ 
    var $img = $(this).find('img'); 
    result.push([i+1, this.id, $img[0], $img.prop('src'), $img.prop('alt')]); 
}); 

console.log(result);

我试着用map()开始，但它似乎使阵列变平。

http://jsfiddle.net/EX6Dt/

来源

2014-02-19 21:59:45 Johan

jQuery的创建多个元素

回答

相关问题