HOME > > > > >

.hasClass(className)

引数

className
調べるクラス名

戻り値

true | false
classNameで指定されたクラス名が存在すればtrue。なければfalse。

DOM要素がclassNameというクラス属性を持っていればtrue

サンプル

.photo-2 のクラスの画像に枠線を追加する

実行結果

実行
画像1 画像2 画像3

Javascript

  1. $('#execute-1').on('click', function() {
  2.     $('#sample-1 .photo').each(function(){
  3.         if ($(this).hasClass('photo-2')) {
  4.             $(this).css({ border: '8px solid #007bff'});
  5.         }
  6.     });
  7. });

HTML

  1. <div id="sample-1">
  2.     <span class="cq-btn m-primary" id="execute-1">実行</span>
  3.     <div class="photos">
  4.       <img src="/resource/images/photos/6.jpg" alt="画像1" class="photo photo-1" style="width: 30%;">
  5.       <img src="/resource/images/photos/7.jpg" alt="画像2" class="photo photo-2" style="width: 30%;">
  6.       <img src="/resource/images/photos/8.jpg" alt="画像3" class="photo photo-3" style="width: 30%;">
  7.     </div>
  8. </div>