arrays - 将 li 推入 jQuery 数组

Question

我有一个简单的“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”添加到数组中？如何显示数组以查看其内容？

Answer 1

您的 HTML 类名无效（缺少双引号），因此您的 jquery 选择器不起作用。以下 JS 将在控制台中为您提供一系列 LI。

   jQuery(function(){

        var imgArr = [];

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

         console.log(imgArr);   
    });​

演示