for和each的區別

<button>輸出每一個列表項的值</button>

                <ul>

                        <li>Coffee</li>

                        <li>Milk</li>

                        <li>Soda</li>

                </ul>

方法1：

        $(document).ready(function() {

                $("button").click(function() {

                        for(var i = 0; i < $("li").length; i++) {

                                alert($("li").eq(i).text());  //for()不是任何對象的方法。此時若是用$(this),指的是button。

                        }

                });

        });

方法2

$(document).ready(function(){

  $("button").click(function(){

    $("li").each(function(){

      alert($(this).text())   //.each()此時是$("li")的方法，因此$(this)指的是$("li")

    });

  });

});