迭代 jQuery 元素列表

當你需要遍歷 jQuery 元素列表時。

考慮這個 DOM 結構：

<div class="container">
    <div class="red one">RED 1 Info</div>
    <div class="red two">RED 2 Info</div>
    <div class="red three">RED 3 Info</div>
</div>

要使用 red 類列印所有 div 元素中的文字：

$(".red").each(function(key, ele){
    var text = $(ele).text();
    console.log(text);
});

提示： key 是我們當前在其父級內迭代的 div.red 元素的索引。ele 是 HTML 元素，所以我們可以使用 $() 或 jQuery() 從它建立一個 jQuery 物件，如下所示：$(ele)。之後，我們可以在物件上呼叫任何 jQuery 方法，比如 css() 或 hide() 等。在這個例子中，我們只需要拉取物件的文字。