Metoda parent

Metoda parent obține părintele direct al elementului.

Sintaxă

Obținerea părintelui direct pentru elemente:

javascript.parent();

De asemenea, poți selecta părintele direct, doar dacă acesta satisface selectorul specificat:

javascript.parent(selector);

Exemplu

Să găsim elementul #test apoi să-i găsim părintele folosind parent și să-i setăm textul '!' folosind html:

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$('#test').parent().html('!');

Codul HTML va arăta astfel:

html<p>outside</p>
<div>
  !
</div>
<p>outside</p>

Exemplu

Să găsim elementul #test apoi să-i găsim părintele folosind parent și, dacă acest părinte este div cu clasa www, atunci să-i setăm textul '!' folosind html:

html<p>outside</p>
<div class="www">
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

Codul HTML va arăta astfel:

html<p>outside</p>
<div class="www">
  !
</div>
<p>outside</p>

Vezi și