2010-07-03 127 views
4

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

即:

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

我想从第一<li>文本,执行一些操作,然后直到我经历了所有的子元素的去移动到下一个和下一个。

这可能吗?

回答

6

你的问题可以使用更多的解释,但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

+0

伟大的帮助人。正如我所需要的那样。这个例子有点过分,但如果我是一个完全的noob,我会非常感激。 – 2010-07-03 03:36:23

+0

对不起,不知道如何深入去。很高兴我能帮上忙。 – Alex 2010-07-03 03:39:00