jQueryを使って連番でidやクラスを追加したりする方法を紹介しします。
使用場面では、<li>などです。
1 2 3 4 5 6 7 |
<ul> <li>リスト</li> <li>リスト</li> <li>リスト</li> <li>リスト</li> <li>リスト</li> </ul> |
これらのリストに対し、以下のスクリプトを実行することで、
連番でのidやクラスを追記することができます。
1 2 3 4 5 6 7 |
<script type="text/javascript"> $(function(){ $('ul li').each(function(i){ $(this).attr('class','list' + (i+1)); }); }); </script> |
idで連番を指定するときは.attr(‘class’,’list’ + (i+1));のclassをidに変更で可能です。
連番で制御できるためcssの適用や、jsでの指定が楽になります
コメント