⊗jqSePM 82 of 113 menu

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を持つものだけを 赤色にしてください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否