ყველა მშობლის პოვნა jQuery-ში

მეთოდი parent პოულობს ელემენტის უშუალ მშობელს. იმისათვის, რომ მივიღოთ ელემენტის ყველა მშობელი - არა მხოლოდ უშუალი, არამედ ბაბუა, პრაბაბუა და ასე შემდეგ ძირამდე, გამოიყენება მეთოდი parents.

შემდეგ მაგალითში განვიხილავთ შემდეგ HTML კოდს:

<div>
	<div class="www">
		<div class="www">
			<p id="test">text</p>
		</div>
	</div>
</div>

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

$('#test').parents('div.www').prepend('!');

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