0

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 个元素?

例如,我想为liDIV 的第一个 sfirstsecond;制作 jQuery 效果。然后li是两个 DIV 的第二个。

<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>
4

3 回答 3

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

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

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

现场演示


笔记:

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

应该:

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

"first => "first"
"second => "second"
于 2012-05-28T06:39:57.593 回答
1

.each() 提供索引作为第一个参数。它是基于零的索引。 http://api.jquery.com/each/

于 2012-05-28T06:40:27.560 回答
1
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">

于 2012-05-28T06:41:00.367 回答