jQuery-те parent әдісі

Біз сіздермен 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>

Енді біз Javascript кодына parent әдісін жазамыз:

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

Ата-элементтерді қосымша сүзгілеу үшін осы әдіске селекторды бере алатыныңызды ұмытпаңыз.

Задание 1

www класы бар элементтің ата-элементін тауып, оны қызыл түске бояңыз.

Задание 2

b тегтерінің барлық ата-элементтерін тауып, оларды қызыл түске бояңыз.

Задание 3

b тегтерінің барлық ата-элементтерін тауып, test класы барларды қызыл түске бояңыз.