.addClass( className )
引数
- (String)className
- 設定するclass属性の値
jQueryオブジェクトが持つDOM要素にclass属性を設定する。
サンプル
実行結果
- 設定なし
- class="test"
- class="addclass"
addClass('addclass')実行後
Javascript
var has_classname = '';
$('.jqTest1 li').addClass('addclass').each(function(){
has_classname += $(this).attr('class') + '<br />';
}).closest('.jqTest1').append(has_classname);
HTML
<div class="jqTest1">
<ul>
<li>設定なし</li>
<li class="test">class="test"</li>
<li class="addclass">class="addclass"</li>
</ul>
<hr />
<p>addClass('addclass')実行後</p>
</div>
.addClass( function(index, currentClass) )
引数
- (int) index
- 対象DOMのjQuerryオブジェクト内でのインデックス
- (string) currentClass
- 対象DOMの現在のクラス名
サンプル
li要素にclass="addclass"を設定する。ただし同名のクラスを持っていた場合、追加ではなく削除してsuperAddClassというクラス名を設定する。
実行結果
- 設定なし
- class="test"
- class="addclass"
addClass('addclass')実行後
Javascript
var has_classname = '';
$('.jqTest2 li').addClass(function(index, currentClass){
if (currentClass === 'addclass') {
$(this).removeClass();
return 'superAddClass';
}
return 'addclass';
}).each(function(){
has_classname += $(this).attr('class') + '<br />';
}).closest('.jqTest2').append(has_classname);
HTML
<div class="jqTest2">
<ul>
<li>設定なし</li>
<li class="test">class="test"</li>
<li class="addclass">class="addclass"</li>
</ul>
<hr />
<p>addClass('addclass')実行後</p>
</div>