.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] has class1 class2 class3
  • [class2 class3 class4] has class2 class3 class4
  • [class3 class4 class5] has class3 class4 class5
  • [class4 class5 class6] has class4 class5 class6


※リンクフリー

広告がブロックされた場合、一部が表示されないことがあります。

サポート (寄付)    プライバシーポリシー    免責事項    商標・登録商標について

Copyright © 2015-2024 Cercopes In Zipangu   Facebook   X

最終更新日:2023/07/09