jQueryを使用して、インデックスに基づいてオブジェクトにクラスを割り当てることは可能ですか?
たとえば、ul
リストアイテムが5つある場合、クラス「0」を最初のアイテムに、「1」を2番目のアイテムに、「2」を3番目のアイテムに割り当てるにはどうすればよいでしょうか。
これは私の最初の試みでした:
$('ul.nav li').each(function(index){
$(this).addClass(index);
});
jQueryを使用して、インデックスに基づいてオブジェクトにクラスを割り当てることは可能ですか?
たとえば、ul
リストアイテムが5つある場合、クラス「0」を最初のアイテムに、「1」を2番目のアイテムに、「2」を3番目のアイテムに割り当てるにはどうすればよいでしょうか。
これは私の最初の試みでした:
$('ul.nav li').each(function(index){
$(this).addClass(index);
});
ただし、クラスまたはIDを番号で開始することは避けてください。
$('ul.nav li').each(function(index){
$(this).addClass('at_'+ index);
});
クラスは数字で始めることはできないことを念頭に置いて、次のようなことを行う必要があります。
$('ul.nav li').each(function(){
$(this).addClass("index_"+$(this).index);
});
クラス名は数字で始めてはいけません。代わりに次のようなことをしてください
$('ul.nav li').each(function(index){
$(this).addClass("class_"+index);
});
それはこれで私のために働いています:
$('ul.nav li').each(function(index){
$(this).attr('class', 'class'+index);
});