jQuery 遍历方法

在 jQuery 中,遍历是一种非常常见的操作,用于操作 DOM 元素集合。jQuery 提供了多种遍历方法,让开发者可以方便地操作 DOM 元素集合。

each() 方法

each() 方法用于遍历 jQuery 对象中的元素,并对每个元素执行指定的函数。

示例代码:

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

在上面的示例中,我们使用 each() 方法遍历了所有的 <li> 元素,并输出了它们的索引和文本内容。

map() 方法

map() 方法用于遍历 jQuery 对象中的元素,并将每个元素传递给一个函数,然后将函数返回的结果存储在一个新的 jQuery 对象中。

示例代码:

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

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

在上面的示例中,我们使用 map() 方法将所有 <li> 元素的文本内容存储在一个新的数组中,并输出了这个数组。

filter() 方法

filter() 方法用于筛选 jQuery 对象中的元素,只保留符合指定条件的元素。

示例代码:

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

在上面的示例中,我们使用 filter() 方法筛选出所有偶数索引的 <li> 元素,并设置它们的背景色为浅蓝色。

find() 方法

find() 方法用于在当前 jQuery 对象中查找符合指定选择器的子元素。

示例代码:

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

在上面的示例中,我们使用 find() 方法找到所有 <ul> 元素下的 <li> 元素,并设置它们的文本颜色为红色。

以上就是 jQuery 遍历方法的介绍,通过这些方法,我们可以方便地操作 DOM 元素集合。


上一篇:jQuery HTML / CSS 方法
下一篇:jQuery AJAX 方法