--- id: bad87fee1348bd9aed308826 title: Identificare il genitore di un elemento usando jQuery challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- Ogni elemento HTML ha un elemento `parent` (genitore) dal quale eredita (`inherits`) delle proprietà. Ad esempio, il tuo elemento `jQuery Playground` di tipo `h3` ha l'elemento genitore di `

`, che a sua volta ha il genitore `body`. jQuery ha una funzione chiamata `parent()` che consente di accedere al genitore di qualsiasi elemento selezionato. Ecco un esempio di come utilizzare la funzione `parent()` per dare al genitore dell'elemento `left-well` un colore di sfondo di blu: ```js $("#left-well").parent().css("background-color", "blue") ``` Dai al genitore dell'elemento `#target1` un colore di sfondo rosso. # --hints-- Il tuo elemento `left-well` dovrebbe avere uno sfondo rosso. ```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' ); ``` Dovresti usare la funzione `.parent()` per modificare questo elemento. ```js assert(code.match(/\.parent\s*$\s*$\s*\.css/g)); ``` Il metodo `.parent()` dovrebbe essere chiamato sull'elemento `#target1`. ```js assert( code.match(/\$\s*?$\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?$\s*?\.parent/gi) ); ``` Dovresti usare solo jQuery per aggiungere queste classi all'elemento. ```js assert(code.match(/

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

jQuery Playground

#left-well

#right-well

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

jQuery Playground

#left-well

#right-well

```