在 jQuery 中，each() 方法是非常常用的方法之一。它能够遍历集合中的元素，并为每个元素执行指定的函数。在本文中，我们将详细介绍 each() 方法的用法和示例。
语法
each() 方法的语法如下：
$(selector).each(function(index, element){
// 执行操作
});selector：要遍历的元素集合。function(index, element)：每个元素执行的函数，其中index表示当前元素在集合中的索引，element表示当前元素本身。
示例
示例 1：遍历并改变元素文本
假设有一个包含多个段落的页面，我们可以使用 each() 方法遍历每个段落，并为每个段落添加一个序号：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- ------ ------------ ------- ----------------------------------------------------------- ------- ------ ------------ ------------ ------------ -------- --------------------------- --------- ---------------- - ------ - -- - ------ --- --------- ------- -------
在上面的示例中，我们使用 each() 方法遍历每个段落，并利用 index 参数为每个段落添加一个序号。
示例 2：遍历表格行并改变背景颜色
假设有一个表格，我们可以使用 each() 方法遍历表格的每一行，并为每一行设置不同的背景颜色：
-- -------------------- ---- -------
--------- -----
------
------
------------- ------ ------------
------- -----------------------------------------------------------
-------
-- -
----------- ---------------- -----
-
--------
-------
------
-------
--------------------
--------------------
--------------------
--------
--------
---------------------------- ---------
-------- - - --- ---
------------------------------- -------------
- ---- -
------------------------------- ---------
-
---
---------
-------
-------在上面的示例中，我们使用 each() 方法遍历表格的每一行，并根据行的索引设置不同的背景颜色。
结论
通过本文的介绍，我们了解了 each() 方法的用法和示例。希望本文能够帮助你更好地理解和使用 each() 方法。如果你有任何问题或疑问，请随时留言，我将尽力解答。感谢阅读！