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:

html<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ā:

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

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