リストの項目を選択して、リストが進むにつれてcss値を段階的に追加する方法があるかどうか疑問に思っています。
説明するのは難しいので、例を挙げてみましょう。
<ul class="list">
<li></li>
<li></li>
<li></li>
<li></li>
....
</ul>
このように動的に生成されたリストを取得したいと思います
<ul class="list">
<li style="left:0px;"></li>
<li style="left:10px;"></li>
<li style="left:20px;"></li>
<li style="left:30px;"></li>
....
</ul>
これがjQueryで最適に行われるかどうか、またはCSSセレクターのタイプがあるかどうかはわかりません。
jQueryを使用する場合は、次のようになると思います。
$('.list > li:nth-child(2)').css('left', '+=10px').next
しかし、リストの残りの部分をスクラブして、毎回10pxを追加し続ける方法がわかりません。私は「.next」と「.prev」を使用するというアイデアをプレイしてきましたが、実行方法がわかりません。
しばらくお待ちいただきますようお願いいたします。私はjQueryの初心者です。