迭代 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() 等。在这个例子中，我们只需要拉取对象的文本。