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 li和first的第一个second制作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

.each（）提供索引作为第一个参数。它是基于零的索引。 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">

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

3 个答案: