.each()

用途

遍歷一個jQuery對象，為每個匹配的元素執行一個函數。

語法

.each(function)

參數

function：類型為Function(Integer index,Element element),每個匹配的元素要執行的函數

可以通過讓回調函數返回false來終止迭代。

返回值

返回調用each方法的jQuery對象本身

示例說明

假如我們頁面上有如下Html代碼：

<ul>
    <li>first</li>
    <li>second</li>
</ul>

 你可以通過以下代碼來獲取到li元素並讓每個元素執行同一個函數：

var a = $("li").each(function (index) {
    console.log(index + ":" + $(this).text());
});
console.log(a); // a為$("li")

//  輸出
//  0:first
//  1:second

 也可以通過以下代碼，為每個li元素添加類樣式"foo"：

$("li").each(function () {
    $(this).addClass("foo");
});

// 以上代碼等價於以下代碼
$("li").addClass("foo");

 如果想停止迭代，可以讓回到函數返回false：

$("li").each(function (index) {
    $(this).addClass("foo");

    return index > 0;
});

以上代碼執行完，Html變為：

<ul>
    <li class="foo">first</li>
    <li>second</li>
</ul>

 從結果可以看出，當第1個li元素添加完類屬性"foo"後，因為返回了false，所以迭代停止，導致第2個li元素未被添加類屬性"foo"