parent მეთოდი jQuery-ში

ჩვენ უკვე ცოტათი განვიხილეთ parent მეთოდი, როდესაც ვსაუბრობდით parent ფსევდოკლასზე. შეგახსენებთ, რომ parent მეთოდი და parent სელექტორი სხვადასხვა რამეს აკეთებენ, პირველი პოულობს ელემენტის მშობელს, ხოლო მეორე - ყველა არა-ცარიელ ელემენტს (რომლებიც მშობლები არიან).

შემდეგ მაგალითში ჩვენ ვიპოვით ელემენტს #test, შემდეგ ვიპოვით მის მშობელს parent-ის საშუალებით და დავაყენებთ მასზე ტექსტს '!'. მოდით, გვაქვს შემდეგი HTML კოდი:

html<p>გარეთ</p>
<div>
  <p>შიგნით</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>

ახლა კი ჩვენ ვწერთ parent მეთოდს Javascript კოდში:

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

არ დაგავიწყდეთ, რომ ამ მეთოდს შეგიძლიათ გადაცეთ სელექტორი, დამატებითი ფილტრაციისთვის მშობლებზე.