web-dev-qa-db-ja.com

jqueryを使用して、要素にクラス「active」が存在するかどうかを確認します

クラスactiveがクラスliを持つmenuに存在するかどうかを確認します

例えば

<li class="menu active">something...</li>
24
esafwan

HasClass()を使用したいと思う

$('li.menu').hasClass('active');
46
Richard Dalton

次を使用して、「アクティブ」クラスを持つすべての要素を取得できます。

$('.active')

あるかどうかをチェックするかどうか、私は確信している

if($('.active').length > 0)
{
    // code
}
8
Johan
$('li.menu.active')

最も簡単な方法です。これにより、両方のクラスを持つすべての要素が返されます。

または、すでに回答済み jQuery hasClass()-複数のクラスをチェック

5
andyb

hasClassメソッドを使用できます。

$('li.menu').hasClass('active') // true|false

または、一度に選択する場合は、次を使用できます。

$('li.menu.active')
4
a'r

純粋なJavaScript回答:

document.getElementsByClassName("menu").classList.contains("active");

いつか誰かを助けるかもしれません。

3
Simon Arnold

hasClass jQueryメソッドを使用します

1
sushil bharwani
    if($('selector').hasClass('active')){ }

私はこれがセレクタがクラスをアクティブにしているかどうかをチェックすると思います...

$(document).ready(function()
{
  changeColor = $(.active).css("color","any color");
  if($(".classname").hasClass('active')) {
  $(this).eq(changeColor);
  }
});
1
Scott

チェックする条件の場合、現在クラスがアクティブかどうか

$('#next').click(function(){
    if($('p:last').hasClass('active'){
       $('.active').removeClass();
    }else{
       $('.active').addClass();
    }
});
0
Jay Patel