parent metode jQuery

Mēs jau esam nedaudz apskatījuši parent metodi, kad apspriedām parent pseidoklasu. Atgādinu, ka parent metode un parent selektors dara dažādas lietas, pirmais atrod elementa vecāku, bet otrais atrod visus elementus, kas nav tukši (kas ir vecāki).

Nākamajā piemērā mēs atradīsim elementu #test, pēc tam atradīsim tā vecāku, izmantojot parent, un iestatīsim tam tekstu '!'. Pieņemsim, ka mums ir šāds HTML kods:

<p>ārpus</p>
<div>
	<p>iekšā</p>
	<p>iekšā</p>
	<p id="test">iekšā</p>
	<p>iekšā</p>
	<p>iekšā</p>
</div>
<p>ārpus</p>

Un tagad mēs ierakstām parent metodi Javascript kodā:

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

Neaizmirstiet, ka šai metodei var padot selektoru, lai papildus filtrētu atrastos vecākus.

Atrodiet elementa ar klasi www vecāku un iekrāsojiet to sarkanā krāsā.

Atrodiet visu b elementu vecākus un padariet tos sarkanus.

Atrodiet visu b elementu vecākus, un tos, kuriem ir klase test, iekrāsojiet sarkanā krāsā.