jQuery'de parent metodu

parent sözde sınıfını tartıştığımızda, parent metodunu zaten biraz incelemiştik. Hatırlatayım, parent metodu ve parent seçicisi farklı şeyler yapar; birincisi öğenin ebeveynini bulur, ikincisi ise tüm boş olmayan öğeleri (ebeveyn olanları) seçer.

Aşağıdaki örnekte, #test öğesini bulacağız, sonra parent kullanarak onun ebeveynini bulacağız ve metnini '!' olarak değiştireceğiz. Aşağıdaki HTML kodumuz olduğunu varsayalım:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Ve şimdi Javascript kodunda parent metodunu yazıyoruz:

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

Bu metoda, ebeveynleri ek olarak filtrelemek için bir seçici iletebileceğinizi unutmayın.

www sınıfına sahip öğenin ebeveynini bulun ve rengini kırmızı yapın.

Tüm b etiketlerinin ebeveynlerini bulun ve rengini kırmızı yapın.

Tüm b etiketlerinin ebeveynlerini bulun ve test sınıfına sahip olanları kırmızı renge boyayın.