91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

jquery foreach遍歷多維數組技巧

小樊
82
2024-06-15 15:01:30
欄目: 編程語言

在 jQuery 中,可以使用 $.each() 方法來遍歷多維數組。以下是一個示例:

<!DOCTYPE html>
<html>
<head>
  <title>jQuery foreach 遍歷多維數組</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<ul id="nested-list">
  <li>Item 1</li>
  <li>
    Item 2
    <ul>
      <li>Subitem 1</li>
      <li>Subitem 2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

<script>
$(document).ready(function(){
  var nestedList = [];

  $('#nested-list li').each(function(){
    var item = {};
    item.text = $(this).text();
    
    if ($(this).find('ul').length > 0) {
      item.subitems = [];
      $(this).find('ul li').each(function(){
        item.subitems.push($(this).text());
      });
    }

    nestedList.push(item);
  });

  $.each(nestedList, function(index, value){
    console.log('Item: ' + value.text);
    
    if (value.subitems) {
      $.each(value.subitems, function(index, subitem){
        console.log('Subitem: ' + subitem);
      });
    }
  });
});
</script>

</body>
</html>

在上面的示例中,首先通過 $('#nested-list li').each() 方法遍歷了多維數組中的每個元素,并將元素的文本內容存儲在對象中。如果元素包含子元素,將子元素的文本內容也存儲在對象中。然后使用 $.each() 方法遍歷多維數組并輸出每個元素的文本內容,如果元素包含子元素,則也輸出子元素的文本內容。

0
九龙坡区| 浦东新区| 钟山县| 兴山县| 永安市| 独山县| 芦山县| 竹北市| 西贡区| 潼南县| 望江县| 乌拉特前旗| 铁岭市| 忻州市| 边坝县| 铜鼓县| 平凉市| 周口市| 新源县| 永康市| 文昌市| 贡觉县| 台南县| 尚志市| 虹口区| 安义县| 青田县| 宜阳县| 绍兴县| 姜堰市| 北票市| 农安县| 民勤县| 荣成市| 哈尔滨市| 铜鼓县| 兰考县| 巴林右旗| 岳普湖县| 武陟县| 孙吴县|