将li推入jQuery数组

时间:2012-11-18 12:49:46

标签: arrays push

我有一个简单的“ul”列表

    <ul class="home>
      <li><a href="#"><img src"image1.jpg" /></a></li>
      <li><a href="#"><img src"image2.jpg" /></a></li>
      <li><a href="#"><img src"image3.jpg" /></a></li>
      <li><a href="#"><img src"image4.jpg" /></a></li>
      <li><a href="#"><img src"image5.jpg" /></a></li>
    </ul>

我想将每个“li”及其内容添加到数组中 我以为我可以这样做,但我觉得它不起作用。

    jQuery(function($){

        var imgArr = [];

        $('.home li').each(function(){
            imgArr.push(this);
            alert(imgArr);
        })

    });

如何将每个“li”添加到数组中?如何显示数组以查看其内容?

1 个答案:

答案 0 :(得分:3)

您的HTML类名无效(缺少双引号),因此您的jquery选择器无效。以下JS将在控制台中为您提供一系列LI。

   jQuery(function(){

        var imgArr = [];

        $('.home li').each(function(){
            imgArr.push(this);
        })

         console.log(imgArr);   
    });​

DEMO