温馨提示×

jQuery each函数怎样实现嵌套

小樊
81
2024-10-12 08:50:00
栏目: 编程语言

要实现 jQuery 的 each 函数嵌套,你可以使用一个外层的 each 循环来遍历外层数组,然后在回调函数内部使用另一个 each 循环来遍历内层数组。这里有一个示例:

// 示例数据
var nestedArray = [
  ['A', 'B'],
  ['C', 'D'],
  ['E', 'F']
];

// 外层 each 循环
$.each(nestedArray, function(index, outerElement) {
  console.log('外层索引:' + index);
  
  // 内层 each 循环
  $.each(outerElement, function(innerIndex, innerElement) {
    console.log('  内层索引:' + innerIndex + ',值:' + innerElement);
  });
});

在这个示例中,我们首先遍历名为 nestedArray 的二维数组。在外层的 each 回调函数中,我们打印出外层元素的索引。然后,我们使用另一个 each 循环遍历当前外层元素(一个一维数组),并打印出内层元素的索引和值。这将输出以下内容:

外层索引:0
  内层索引:0,值:A
  内层索引:1,值:B
外层索引:1
  内层索引:0,值:C
  内层索引:1,值:D
外层索引:2
  内层索引:0,值:E
  内层索引:1,值:F

这样,你就可以使用嵌套的 jQuery each 函数来处理多维数组。

0