jQuery 杂项 each() 方法

在 jQuery 中,each() 方法是非常常用的方法之一。它能够遍历集合中的元素,并为每个元素执行指定的函数。在本文中,我们将详细介绍 each() 方法的用法和示例。

语法

each() 方法的语法如下:

-------------------------------- ---------
  -- ----
---
  • selector:要遍历的元素集合。
  • function(index, element):每个元素执行的函数,其中 index 表示当前元素在集合中的索引,element 表示当前元素本身。

示例

示例 1:遍历并改变元素文本

假设有一个包含多个段落的页面,我们可以使用 each() 方法遍历每个段落,并为每个段落添加一个序号:

--------- -----
------
------
  ------------- ------ ------------
  ------- -----------------------------------------------------------
-------
------

------------
------------
------------

--------
--------------------------- ---------
  ---------------- - ------ - -- - ------
---
---------

-------
-------

在上面的示例中,我们使用 each() 方法遍历每个段落,并利用 index 参数为每个段落添加一个序号。

示例 2:遍历表格行并改变背景颜色

假设有一个表格,我们可以使用 each() 方法遍历表格的每一行,并为每一行设置不同的背景颜色:

--------- -----
------
------
  ------------- ------ ------------
  ------- -----------------------------------------------------------
  -------
    -- -
      ----------- ---------------- -----
    -
  --------
-------
------

-------
  --------------------
  --------------------
  --------------------
--------

--------
---------------------------- ---------
  -------- - - --- ---
    ------------------------------- -------------
  - ---- -
    ------------------------------- ---------
  -
---
---------

-------
-------

在上面的示例中,我们使用 each() 方法遍历表格的每一行,并根据行的索引设置不同的背景颜色。

结论

通过本文的介绍,我们了解了 each() 方法的用法和示例。希望本文能够帮助你更好地理解和使用 each() 方法。如果你有任何问题或疑问,请随时留言,我将尽力解答。感谢阅读!


下一篇:jQuery 教程