More than 5 years have passed since last update.

classが存在するか否かを判定する

Last updated at 2018-09-18Posted at 2015-01-22

jQueryには、hasClassというメソッドがある。

<div class="hoge"></div>

$('div').hasClass('hoge');

上記のように、そのタグにhogeというclassがついているかどうかを判定する。

例えば、こんなときに使える。

<div class="hoge">テスト1</div>
<div>テスト2</div>
<div class="hoge">テスト3</div>
<div>テスト4</div>
<div>テスト5</div>

$('div').click(function(){
    if($(this).hasClass('hoge')){
        $(this).css('color','red');
    }
});

クリックしたとき、hogeというclassがついていたら、文字色を赤くする。
など。

しかし、これではclassが存在するかどうか、を判定する場合には使えない。

そこで使えるのが、length。

length=長さ、個数を表すメソッドである。

これで、hogeというclassが存在しているかどうかを判定することができる。

if($('.hoge').length;){
    $('body').css('background','blue');
}

これで、hogeというclassが存在していたら、背景色を青にする。

106