.hasClass()【クラス有無】

メモ

  • クラス有無の判定
    • 該当要素のうち1つでも指定クラスがあれば、有り
    • XMLドキュメント(SVGドキュメントを含む) が利用可能 1.12 / 2.2

構文

説明構文戻り値
クラス有無 .hasClass( className ) 1.2

String className:クラス名
Boolean
true:有り
false:無し

関連

<ul>
  <li id="li1" class="class1 class2 class3">[class1 class2 class3]
  <li id="li2" class="class2 class3 class4">[class2 class3 class4]
  <li id="li3" class="class3 class4 class5">[class3 class4 class5]
  <li id="li4" class="class4 class5 class6">[class4 class5 class6]
</ul>

<script>
var COUNT = 4;
var elm;
for (var i = 1; i <= COUNT; i++) {
  elm = $( "#li" + i );
  elm.append(" has ");
  var className;
  for (var j = 1; j <= (COUNT + 2); j++) {
    className = "class" + j;
    if (elm.hasClass(className)) {
      elm.append(" " + className);
    }
  }
}
</script>

  • [class1 class2 class3]
  • [class2 class3 class4]
  • [class3 class4 class5]
  • [class4 class5 class6]