jquery foreach遍历多维数组技巧

   2024-10-10 8700
核心提示:在 jQuery 中,可以使用 $.each() 方法来遍历多维数组。以下是一个示例:!DOCTYPE htmlhtmlheadtitlejQuery foreach 遍历多维数

在 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() 方法遍历多维数组并输出每个元素的文本内容,如果元素包含子元素,则也输出子元素的文本内容。

 
举报打赏
 
更多>同类维修大全
推荐图文
推荐维修大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号