jquery 遍历元素

原创

mob649e81547b8f 2023-08-24 22:59:27 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e81547b8f的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用jQuery遍历元素的流程

graph TD
A[开始] --> B[jQuery选择器]
B --> C[遍历元素]
C --> D[对每个元素执行操作]
D --> E[结束]

jQuery选择器：首先使用jQuery选择器来选取需要遍历的元素。jQuery选择器可以通过标签名、类名、ID等方式来选取元素。
```
// 选取所有的p元素
$("p")
```

遍历元素：使用.each()方法来遍历被选中的元素。

// 遍历所有选中的p元素
$("p").each(function() {
    // 在这里执行对每个元素的操作
});

对每个元素执行操作：在.each()方法的回调函数中，可以对每个元素执行相应的操作。可以使用this关键字来引用当前遍历到的元素。
```
// 遍历所有选中的p元素并输出它们的文本内容
$("p").each(function() {
    console.log($(this).text());
});
```

$("p")：这段代码使用了jQuery选择器$("p")来选取所有的<p>元素。可以将选择器中的p替换为其他的标签名、类名或ID来选择不同的元素。
each()方法：这个方法将被选中的元素集合放入一个回调函数中，通过遍历集合中的每个元素，执行相应的操作。在回调函数中，可以使用this关键字来引用当前遍历到的元素。
$(this).text()：这段代码使用$(this)来引用当前遍历到的元素，然后使用.text()方法来获取该元素的文本内容。