hasClass(class)


version 1.2 以降

解説

マッチした要素のうち、指定したクラスを持っている要素が1つ以上存在する場合にtrueを返します。

引数

  • class
    String: CSSクラス名

戻り値

  • Boolean: 指定したクラスを持っている要素が1つ以上存在する場合はtrue。存在しない場合はfalse

例1:子要素のクラスに"fish"を持つdiv要素の背景を水色にします。

$("div").each(function(i, item){
    if ($(item).children().hasClass("fish")) {
        $(item).css("background-color", "aqua");
    }
});

<div class="sea">
    <span class="shell"></span>
    <span class="fish"></span>
    <span class="lobster"></span>
</div>

<div class="mountain">
    <span class="tree"></span>
    <span class="grass"></span>
    <span class="herb"></span>
</div>