jQueryのparentメソッド
擬似クラス
parent
について話した時に、メソッド
parent
を少し取り上げました。
メソッドparentとセレクターparentは異なる動作をすること、
つまり前者は要素の親を探し、後者は空でない要素(親である要素)すべてを選択することを思い出してください。
次の例では、要素#testを見つけ、
次にparentを使ってその親を見つけ、
テキスト'!'を設定します。
以下のHTMLコードがあるとします:
<p>outside</p>
<div>
<p>inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p>inside</p>
</div>
<p>outside</p>
そして、Javascriptコードでparentメソッドを記述します:
$('#test').parent().html('!');
このメソッドにはセレクターを渡して、 親をさらに絞り込むことができることを忘れないでください。
クラスwwwを持つ要素の親を見つけ、
その色を赤にしてください。
すべてのbタグの親を見つけ、
それらを赤色にしてください。
すべてのbタグの親を見つけ、
その中でクラスtestを持つものだけを
赤色にしてください。