jQueryのparentメソッド

擬似クラス parent について話した時に、メソッド parent を少し取り上げました。 メソッドparentとセレクターparentは異なる動作をすること、 つまり前者は要素の親を探し、後者は空でない要素（親である要素）すべてを選択することを思い出してください。

次の例では、要素#testを見つけ、 次にparentを使ってその親を見つけ、 テキスト'!'を設定します。 以下のHTMLコードがあるとします：

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メソッドを記述します：

javascript$('#test').parent().html('!');

このメソッドにはセレクターを渡して、 親をさらに絞り込むことができることを忘れないでください。