循环穿过孩子

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上创建了一个非常简单的例子.