循环穿过孩子

Question

基本上，有没有办法通过子元素“循环”。

即：

<ul>
<li>some text</li>
<li>some more text</li>
<li>even more text</li>
</ul>

我想从第一个<li>获取文本，执行一些操作，然后继续下一个和下一个操作，直到我完成所有子元素。

这可能吗？

Answer 1

您的问题可以使用更多解释，但jQuery的.each（）是我认为您正在寻找的。 不要混淆jQuery.each ，你可以用它来迭代任何集合， .each迭代在你的选择器表达式创建的jQuery对象中的所有元素。 它为作为jQuery对象一部分的每个元素执行回调函数。 回调函数传递元素的索引和元素本身。 重要的是要注意回调是在当前DOM元素的上下文中触发的，因此this指的是元素，而不是jQuery对象。 所以你可以这样做：

$("selectorForListElem").children().each(function(index, currentElem) {
    // processing for current child element
});

我在jsFiddle上创建了一个非常简单的例子 。