Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
107
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

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

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が存在していたら、背景色を青にする。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
107
Help us understand the problem. What are the problem?