「jQuery入門」parents()で全ての親要素を取得するサンプル

2021年8月16日

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="cft A">
<div class="cft B">
<button>テスト</button>
</div>
</div>
<div class="cft A"> <div class="cft B"> <button>テスト</button> </div> </div>
<div class="cft A">
  <div class="cft B">
    <button>テスト</button>
  </div>
</div>

2.JSコード
セレクタを指定しない

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$('button').on('click',function(){
$(this).parents()
});
$('button').on('click',function(){ $(this).parents() });
$('button').on('click',function(){
  $(this).parents()
});

セレクタを指定する

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$('button').on('click', function(){
$(this).parents('.cft');
});
$('button').on('click', function(){ $(this).parents('.cft'); });
$('button').on('click', function(){
  $(this).parents('.cft');
});

 

jQuery

Posted by arkgame