--- id: bad87fee1348bd9aed308826 title: jQuery を使用して要素の親要素をターゲットにする challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- すべての HTML 要素には `parent` (親) 要素があり、そこからプロパティを `inherits` (継承) します。たとえば、`jQuery Playground` の `h3` 要素は `

` という親要素を持ち、それ自身は親の `body` を持ちます。 jQuery には `parent()` という関数があり、選択した要素の親要素にアクセスすることができます。 `parent()` 関数を使用して `left-well` 要素の親要素に青の背景色を付ける例を次に示します。 ```js $("#left-well").parent().css("background-color", "blue") ``` `#target1` 要素の親要素に赤の背景色を付けてください。 # --hints-- `left-well` 要素の背景色を赤にします。 ```js assert( $('#left-well').css('background-color') === 'red' || $('#left-well').css('background-color') === 'rgb(255, 0, 0)' || $('#left-well').css('background-color').toLowerCase() === '#ff0000' || $('#left-well').css('background-color').toLowerCase() === '#f00' ); ``` `.parent()` 関数を使用して、この要素を変更します。 ```js assert(code.match(/\.parent\s*$\s*$\s*\.css/g)); ``` `#target1` 要素で `.parent()` メソッドを呼び出します。 ```js assert( code.match(/\$\s*?$\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?$\s*?\.parent/gi) ); ``` jQuery のみを使用して、これらのクラスを要素に追加してください。 ```js assert(code.match(/

/g)); ``` # --seed-- ## --seed-contents-- ```html

jQuery Playground

#left-well

#right-well

``` # --solutions-- ```html

jQuery Playground

#left-well

#right-well

```