溫馨提示×

jQuery each函數(shù)怎樣實現(xiàn)嵌套

小樊
81
2024-10-12 08:50:00
欄目: 編程語言

要實現(xiàn) jQuery 的 each 函數(shù)嵌套，你可以使用一個外層的 each 循環(huán)來遍歷外層數(shù)組，然后在回調(diào)函數(shù)內(nèi)部使用另一個 each 循環(huán)來遍歷內(nèi)層數(shù)組。這里有一個示例：

// 示例數(shù)據(jù)
var nestedArray = [
  ['A', 'B'],
  ['C', 'D'],
  ['E', 'F']
];

// 外層 each 循環(huán)
$.each(nestedArray, function(index, outerElement) {
  console.log('外層索引：' + index);
  
  // 內(nèi)層 each 循環(huán)
  $.each(outerElement, function(innerIndex, innerElement) {
    console.log('  內(nèi)層索引：' + innerIndex + '，值：' + innerElement);
  });
});

在這個示例中，我們首先遍歷名為 nestedArray 的二維數(shù)組。在外層的 each 回調(diào)函數(shù)中，我們打印出外層元素的索引。然后，我們使用另一個 each 循環(huán)遍歷當(dāng)前外層元素（一個一維數(shù)組），并打印出內(nèi)層元素的索引和值。這將輸出以下內(nèi)容：

外層索引：0
  內(nèi)層索引：0，值：A
  內(nèi)層索引：1，值：B
外層索引：1
  內(nèi)層索引：0，值：C
  內(nèi)層索引：1，值：D
外層索引：2
  內(nèi)層索引：0，值：E
  內(nèi)層索引：1，值：F

這樣，你就可以使用嵌套的 jQuery each 函數(shù)來處理多維數(shù)組。

0 踩