如何处理jQuery每个循环中的第n个元素？

Question

我在each循环处理一系列元素作为

function test(){ 
    $('#first li').each(function(n){$(this).//here is the jQuery effects for nth li 
    \\ here I want to process nth li of id="second" too 
}); 

我怎样才能simoltanously处理另一个ID的第n个元素呢？

例如，我想为DIV first和second的第一个li s制作jQuery效果;然后是两个DIV的第二个li。

<div id="first"> 
    <ul> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
    </ul> 
</div> 

<div id="second"> 
    <ul> 
    <li>to be effect with 1st li of FIRST</li> 
    <li>to be effect with 2nd li of FIRST</li> 
    <li>to be effect with 3rd li of FIRST</li> 
    </ul> 
</div> 

Answer 1

var $first =$('#first li'); 

var $second = $('#second li'); 

$second.each(function(n){ 
    $(this).fadeOut(); 
    $first.eq(n).fadeOut(); 
}); 

Live DEMO

---

注：

<div id="first> 
<div id="second> 

应该是：

<div id="first"> 
<div id="second"> 

"first => "first" 
"second => "second" 

Answer 2

。每（）p作为第一个参数的rovides索引。它是基于零的索引。 http://api.jquery.com/each/

Answer 3

function test(){ 
    $('#first li').each(function(index, element){ 
     $(this).bar(); // or $(element).bar(); 
     $('#second li').eq(index).doSomething(); 
    }); 
} 

<div id="first> and <div id="second>应该<div id="first"> and <div id="second">