Jquery UL LI 元素，$.each 到数组

Question

不明白这是什么地方不对劲。尝试获取每个button_select_sub li的文本并将其放入数组中。它的构建是为了像这样查找 #button_groupings 子项，因为它背后的功能基于以下概念:下面将有多个 HTML 实例。我现在遇到的问题是，与其说它从每个项目中获取文本，不如说它把它插入数组中使数组只有 1 个项目，而不是多个项目。

$('#button_groupings').children('li').children('.button_select_sub').each(function(n,v){listArray.push($(this).text());})

它的 html。

<div class="button_select_header_like_thing">
    <div class="button_select">
        <ul class="button_select_toggle" id="button_groupings">
            <li>
                <div class="button_select_text">Menu Text</div><div class="button_select_arrow">V</div>
                <div style="clear:both"></div>
            </li>
            <li>
                <ul class="button_select_sub" rel="hidden">
                    <li>Text</li>
                    <li>Text</li>
                    <li>Text</li>
                    <li>Text</li>
                </ul>       
            </li>
        </ul>
    </div>
</div>

Answer 1

全局范围内的某处是否有 var listArray; 行？如果不是，该变量可能会被视为该匿名函数的局部变量。

编辑

在执行each() 之前，您似乎需要更深入一层。您正在

元素而不是 li 元素上执行 .each。

$('#button_groupings').children('li').children('.button_select_sub').children('li').each(function(n,v){listArray.push($(this).text());})

您还可以使用这种更容易阅读的语法。

$('#button_groupings li .button_select_sub li').each(function(n,v){
    listArray.push($(this).text());
});