javascript - 在 jquery 中对另一个 each() 的结果运行 each()

Question

我正在尝试为网站构建移动菜单系统。在页脚内有 div，其类为.footer_menu. 在每个 div 中都有一个 ul，其中包含与该 div 相关的链接列表。

我想做的是遍历每个 div，我可以使用以下内容：-

        $('.footer_menu').each(function () {
            var $linkCollection = $(this);
            // I would like to run something like
            ($linkCollection ul li).each(function(){
            code to go here to build menu. I can do this bit once I get the line above functioning.
            }
        })

任何必须寻找解决方案的人，正确方向的指针都很好。

Answer 1

$linkCollection.find('ul li').each(function(){ 
  // do your stuff here
});

Answer 2

解决方案取决于您需要做什么。如果您需要访问该$linkCollection对象，您可以使用嵌套each函数：

$('.footer_menu').each(function () {
    var $linkCollection = $(this);
    $linkCollection.find('ul li').each(function() {
        //do something here using $linkCollection
    });
});

否则这样做会快得多：

$('.footer_menu ul li').each(function() {
    //do something here
});

Answer 3

$('ul li', $(this)).each(function(){...

格式为$(selector, context). 这将在当前 迭代中找到li元素中的所有元素。ul.footer_menu

Answer 4

尝试这个：

$('.footer_menu').each(function () {
    var $linkCollection = $(this);
    // I would like to run something like
    $linkCollection.find('ul li').each(function(){
        //code to go here to build menu. I can do this bit once I get the line above functioning.
    }
})