jQuery-dagi parent metodi

Biz siz bilan parent metodini parent psevdoklassi haqida gaplashganda biroz o'rganib olgan edik. Eslatib o'tamiz, parent metodi va parent selektori turli ishlarni bajaradi, birinchi elementning ota-onasini topadi, ikkinchisi esa barcha bo'sh bo'lmagan elementlarni (ota-ona bo'lganlarni) topadi.

Quyidagi misolda biz #test elementini topamiz, keyin parent yordamida uning ota-onasini topamiz va unga '!' matnini qo'yamiz. Quyidagi HTML kodimiz bor:

<p>tashqarida</p>
<div>
	<p>ichkarida</p>
	<p>ichkarida</p>
	<p id="test">ichkarida</p>
	<p>ichkarida</p>
	<p>ichkarida</p>
</div>
<p>tashqarida</p>

Va endi biz Javascript kodida parent metodini yozamiz:

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

Ushbu metodga qo'shimcha filtrlash uchun selektorlarni uzatishingiz mumkinligini unutmang.

www klassiga ega bo'lgan elementning ota-onasini toping va uning rangini qizil rangga bo'yang.

b teglarining barcha ota-onalarini toping va ularning rangini qizil qiling.

b teglarining barcha ota-onalarini toping, va test klassiga ega bo'lganlarning rangini qizil rangga bo'yang.