在 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()
方法遍歷多維數組并輸出每個元素的文本內容,如果元素包含子元素,則也輸出子元素的文本內容。