「jQuery」closest()メソッドで最初の親要素を取得する

2014年7月5日2021年8月16日

書式
$(セレクタ).on('click’,function()
使用例
1.htmlコード

<div class="cft A">
  <div class="cft B">
      <button>テスト</button>
    </div>
  </div>

2.JSコード

セレクタを指定しない

$('button').on('click', function(){
  $(this).closest();
});

複数要素を指定

$('button').on('click', function(){
  $(this).closest('.cft');
});

上位階層に要素を指定

$('button').on('click', function(){
  $(this).closest('.cft.A');
});