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:

html<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:

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

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