浅析jQuery 遍历函数，javascript中的each遍历

jQuery 遍历函数

在 jQuery 中，我们可以使用许多遍历函数来查找和操作文档中的元素。以下是一些常用的jQuery遍历方法：

• children(): 返回被选元素的所有直接子元素。
• find(): 返回被选元素的后代元素。
• siblings(): 返回被选元素的所有同级元素。
• next(): 返回被选元素的下一个同级元素。
• prev(): 返回被选元素的前一个同级元素。
• parent(): 返回被选元素的直接父元素。
• parents(): 返回被选元素的所有祖先元素。

以下是一些示例代码：

// 获取ID为example的元素的所有直接子元素
$("#example").children();

// 获取类名为foo的元素的所有后代元素
$(".foo").find("*");

// 获取同级别元素中的类名为bar的元素
$(".baz").siblings(".bar");

// 获取id为example的元素之后第一个同级元素
$("#example").next();

// 获取id为example的元素之前第一个同级元素
$("#example").prev();

// 获取id为example的元素的直接父元素
$("#example").parent();

// 获取id为example的元素所有祖先元素
$("#example").parents();

javascript中的each遍历

在 JavaScript 中，我们可以使用 forEach() 方法遍历数组，也可以使用 for...in 循环遍历对象的所有属性。以下是一些示例代码：

// forEach遍历数组
const arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
  console.log(item);
});

// for...in遍历对象属性
const obj = {name: "John", age: 20};
for (let prop in obj) {
  console.log(prop + ": " + obj[prop]);
});

需要注意的是，在遍历对象属性时，需要使用 hasOwnProperty() 方法来判断属性是否为对象本身的属性，以避免遍历到原型链上的属性。

const obj = {name: "John", age: 20};
for (let prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    console.log(prop + ": " + obj[prop]);
  }
});

以上就是浅析 jQuery 遍历函数和 JavaScript 中的 each 遍历的攻略。希望能够对您有所帮助。