jQueryは各メソッドを使用してオブジェクトをトラバースします

jqueryの暗黙の反復により、すべてのDOMオブジェクトに同じ値が設定されますが、各オブジェクトに価値があるように設定する必要がある場合は、自分自身を反復する必要があります

各方法

$（selector）.each（function（index、element）{}）

each（）メソッドは関数を渡すことができ、関数は2つのパラメーターを渡すことができます

パラメータ1：一致するすべての要素のうち、現在の要素のインデックス番号を示します

パラメータ2：現在の要素（DOM）を表す

ケース：さまざまなliにさまざまな透明度を設定する

 <div>
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
      </ul>
    </div>

    // 方法1：
    for(let i = 0;i<$('li').length;i++){
    
    
      $('li').eq(i).css('opacity',(i+1)/10);
    }

    // 方法2：（推荐）
    $('li').each(function(index,element){
    
    
      $(element).css('opacity',(index+1)/10)
    })

Webフロントエンド通信QQグループ：327814892