1

シンプルな「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」を配列に追加するにはどうすればよいですか? 配列を表示してその内容を確認するにはどうすればよいですか?

4

1 に答える 1

3

HTML クラス名が有効ではない (二重引用符がない) ため、jquery セレクターが機能していません。JS に従うと、コンソールに LI の配列が表示されます。

   jQuery(function(){

        var imgArr = [];

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

         console.log(imgArr);   
    });​

デモ

于 2012-11-18T12:57:05.833 に答える