スポンサード リンク
jquery parents()メソッド
parentsメソッドは、セレクタで指定した要素の先祖要素を指定します
使い方は簡単です。セレクタとメソッドの間に.parents()を記述するだけです
セレクタで指定した要素の全ての先祖要素を指定します
.parents()
親要素を限定する場合(指定した要素に限定されます)
.parents("セレクタ")
指定したHTML要素の全ての先祖要素を指定します
ボタンをクリックしたときにセレクタで指定したHTML要素の先祖要素の枠線の色が変更されます
jquery
$(function() { $("button").click(function(){ $("#hoge").parents(".foo").css("border", "1px solid red"); }); });css
.foo{ border: solid 1px; padding: 5px; } #hoge{ border: solid 1px; }
html
<button>ボタン</button> <div class="foo">先祖要素 <div class="foo">親要素 <div id="hoge">セレクタで指定された要素</div> </div> </div>
サンプル