javascript - 获取 UL 内的所有 LI

Question

我正在尝试查找 ul 中的所有 li

如果我这样做

console.log(element);

我在 firebug 中得到了 ul 元素输出。

如果我console.log(element[0]);我会得到未定义。

现在尝试查找 ul 中的所有 li 我这样做:

 $('li', element).each(function (index) {
            console.log(index);
});

但是我的索引永远不会输出。

如果我这样做:

$('li', element[0]).each(function (index) {
            console.log(index);
            $(this).data('previousIndex', index);
        });

我的控制台输出了太多索引计数。我的 ul 只有 3-4 li 但我输出了一些错误的计数。

谁能告诉我我的错误吗？

编辑:

为了提供更多想法，我正在使用可排序插件。这是我执行 children() 时的 Firebug 输出。我不确定为什么会发生这种情况。

Answer 1

我假设element仍然是 DOM 元素 <ul>而不是 jQuery 对象。因为如果是的话，element[0]不应该未定义。

所以要在 element 上操作 jQuery ，先将其包装在 jQuery 中，然后使用 children('li')获得直系子女<li>或find('li')获取所有后代(嵌套)<li>

//find all children li
$(element).children('li');

//find all descendant li (all nested li)
$(element).find('li');