მეთოდი parent

parent მეთოდი პოულობს ელემენტის უშუალო მშობელს.

სინტაქსი

ელემენტების უშუალო მშობლის მოძებნა:

javascript.parent();

ასევე შესაძლებელია უშუალო მშობლის მოძებნა, მხოლოდ იმ შემთხვევაში თუ იგი აკმაყოფილებს მითითებულ სელექტორს:

javascript.parent(სელექტორი);

მაგალითი

მოდი ვიპოვოთ ელემენტი #test, შემდეგ ვიპოვოთ მისი მშობელი parent მეთოდის გამოყენებით და დავუმატოთ მას ტექსტი '!' html მეთოდის საშუალებით:

html<p>გარეთ</p>
<div>
  <p>შიგნით</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>
javascript$('#test').parent().html('!');

HTML კოდი ასე გამოიყურება:

html<p>გარეთ</p>
<div>
  !
</div>
<p>გარეთ</p>

მაგალითი

მოდი ვიპოვოთ ელემენტი #test, შემდეგ ვიპოვოთ მისი მშობელი parent მეთოდის გამოყენებით და, თუ ეს მშობელი არის div კლასით www, მაშინ დავუმატოთ მას ტექსტი '!' html მეთოდის საშუალებით:

html<p>გარეთ</p>
<div class="www">
  <p>შიგნით</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>
javascript$('#test').parent('div.www').html('!');

HTML კოდი ასე გამოიყურება:

html<p>გარეთ</p>
<div class="www">
  !
</div>
<p>გარეთ</p>

იხილეთ აგრეთვე

  • მეთოდი parents,
    რომელიც საშუალებას აძლევს მიიღოთ ელემენტის ყველა მშობელი
  • მეთოდი closest,
    რომელიც საშუალებას აძლევს მიიღოთ უახლოესი მშობელი ელემენტი, რომელიც აკმაყოფილებს სელექტორს
  • მეთოდი parentsUntil,
    რომელიც საშუალებას აძლევს მიიღოთ ელემენტის ყველა მშობელი მითითებულ მშობელამდე
  • მეთოდი children,
    რომელიც საშუალებას აძლევს მიიღოთ ელემენტის შვილობილი ელემენტები
  • მეთოდი contents,
    რომელიც საშუალებას აძლევს მიიღოთ ელემენტის შვილობილი ელემენტები და ტექსტი ამ ელემენტის შიგნით