怎么在jquery中利用each实现遍历循环?

Question

如题所述

Answer 1

在 jQuery 中，each() 方法用于遍历集合中的每个元素。其语法如下：

$(selector).each(function(index, element) { // 遍历循环的函数体 });

在这里，selector 是要遍历的元素集合的选择器，function 是执行的函数。index 是当前元素在集合中的索引，element 是当前元素的 DOM 对象。

使用示例如下：

通过 $('#my-list li') 选取所有
元素，然后通过 each() 方法遍历这些元素。在函数中，可以获取当前元素的索引（index）和 DOM 对象（element），并进行操作，如输出信息。例如，输出每个元素的索引和文本内容：

html

Copy code
Item 1 Item 2 Item 3

这段代码首先选取了所有
元素，然后对每个元素执行了一个函数。此函数获取当前元素的文本内容（通过 $(element).text()），并输出其索引和内容。这样，可以方便地遍历并操作集合中的每个元素。

each() 方法允许在遍历元素集合时执行任何操作，提供了一种简洁且强大的方法来处理 jQuery 对象。