10-jQuery-遍历children、parent、for、each、for...of等

$(document).ready(function() {
    // 假设有一个ul元素，ID为myList
    var $myList = $('#myList');
 
    // 遍历ul的直接子元素li
    $myList.children().each(function(index) {
        // 使用原生JavaScript的textContent属性获取文本内容
        console.log(index + ': ' + this.textContent);
    });
 
    // 找到ul的父元素并添加一个class
    $myList.parent().addClass('parent-class');
 
    // 使用原生的for循环遍历数组
    var myArray = [1, 2, 3, 4, 5];
    for (var i = 0; i < myArray.length; i++) {
        console.log(i + ': ' + myArray[i]);
    }
 
    // 使用for...of循环遍历数组
    for (const value of myArray) {
        console.log(value);
    }
});

这段代码展示了如何使用jQuery遍历元素的子元素、找到父元素，并且如何在原生JavaScript中使用for循环和for...of循环来遍历数组。