「jQuery入門」親要素を取得するサンプル

書式
$(セレクタ).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).parent()
});
$('button').on('click',function(){ $(this).parent() });
$('button').on('click',function(){
  $(this).parent()
});

セレクタを指定する

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

 

jQuery

Posted by arkgame