jQuery 兄弟要素に特定のクラスが有ったら

2024年03月04日

この記事は約1分で読めます。

兄弟要素に特定のクラスが存在したらなにかする方法のご紹介です。
次のHTMLを！

<ul class="list">
  <li>1</li>
  <li>2</li>
  <li class="demo">3</li>
  <li>4</li>
</ul>

このHTMLの「li」の中に「.demo」が有ったらconsole.log()で表示してみましょう。

if($(".list li").hasClass("demo")) {
  console.log("リストの兄弟要素に「.demo」が存在します");
}

if($(".list li").hasClass("demo"))

「.hasClass()」で要素内に特定クラスが存在するかで分岐することができます