【Java 进阶篇】JQuery 遍历 —— `each()` 方法的奇妙之旅

// 假设我们有一个包含多个段落的HTML文档
// 我们将使用jQuery的`each()`方法来遍历这些段落
 
$(document).ready(function() {
    // 使用jQuery的`$("p")`选择器选取所有的段落，然后调用`each()`方法进行遍历
    $("p").each(function(index, element) {
        // 这里的`function(index, element)`是一个回调函数，
        // 其中`index`是当前元素的索引，`element`是当前元素的DOM对象
 
        // 给每个段落添加一个class，以表示它是在遍历中的一部分
        $(this).addClass("being-visited");
 
        // 打印当前段落的内容和索引
        console.log("段落 " + index + " 的内容是: " + $(this).text());
 
        // 检查如果当前段落是第一个或最后一个
        if ($(this).is("p:first-child")) {
            console.log("这是第一个段落。");
        }
        if ($(this).is("p:last-child")) {
            console.log("这是最后一个段落。");
        }
 
        // 移除当前段落的class
        $(this).removeClass("being-visited");
    });
});

这段代码演示了如何使用jQuery的each()方法来遍历DOM元素集合，并对每个元素执行操作。它还展示了如何使用:first-child和:last-child选择器来检查元素是否是序列中的第一个或最后一个。