循环穿过孩子

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
});

我创建了一个非常简单的example over on jsFiddle。