javascript - 如何在 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
});

如何同时处理另一个 id 的第 n 个元素？

例如，我想为DIV first和second的前li制作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"