parent მეთოდი jQuery-ში

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

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

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

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

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

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

იპოვეთ ელემენტის მშობელი კლასით www და გაფერადეთ ის წითლად.

იპოვეთ ყველა b თეგის მშობლები და გახადეთ ისინი წითელი ფერის.

იპოვეთ ყველა b თეგის მშობლები და მათ შორის ის, რომელსაც აქვს კლასი test, გაფერადეთ წითლად.