gpt4 book ai didi

javascript - 计算最大嵌套列表项 JQuery、Javascript、HTML

转载 作者:行者123 更新时间:2023-11-30 12:58:07 26 4
gpt4 key购买 nike

我有一个带有嵌套列表的无序列表。使用 Jquery 或 Javascript,我需要在悬停在“top_level_list”ul 上时找到所有嵌套列表中“second_level_item”列表项的最大数量。例如,如果我将鼠标悬停在下面的“top_level_list”上,它应该输出数字 3,因为第二个嵌套列表包含 3 个项目,这是任何给定嵌套列表的最大数量。

<ul class="top_level_list">
<li class="top_level_item">
<ul class="second_level_list">
<li class="second_level_item">This list has 1 item - A</li>
</ul>
</li>
<li class="top_level_item">
<ul class="second_level_list">
<li class="second_level_item">This list has 3 items - A</li>
<li class="second_level_item">This list has 3 items - B</li>
<li class="second_level_item">This list has 3 items - C</li>
</ul>
</li>
</ul>

我当前的代码返回所有“second_level_list”中所有列表项的总和,因此它输出数字 4。

$(function countMax() {
$('.top_level_list').hover(
function () {
var countMaxItem = $(this).children('.top_level_item').children('.second_level_list').children('.second_level_item').length;
alert(countMaxItem);
}, function () {
//empty
}
);
});

提前致谢。

最佳答案

你可以使用这个:

var result = Math.max.apply(null, ($('.second_level_list', this).map(function() {
return $(this).children('li').length;
}));

var counts = [];
$('.second_level_list', this).each(function() {
counts.push($(this).children('li').length);
});
var result = Math.max.apply(null, counts);

Demo

关于javascript - 计算最大嵌套列表项 JQuery、Javascript、HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18356877/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com