jQuery Parent ID Öğrenme

jQuery ile yaptığımız uygulamalar içerisinde tag’lerin ebeveynlerinin id’lerine ulaşmak isteyebiliriz. İşte bunun için basit bir çözümümüz var. Gelin birlikte bakalım. :)

Öncelikle bir senaryo üretelim. Liste şeklinde birkaç menümüz var ve menülerde bulunan linklere tıkladığımız zaman tıklanan linkin en üst ebeveyninin id değerini alalım.

[PHP]
<ul class=”menu” id=”tatli”>
<li><a href=”#”>Tatlı</a></li>
</ul>

<ul class=”menu” id=”ana_yemek”>
<li><a href=”#”>Ana Yemek</a></li>
</ul>
[/PHP]

Bu şekilde bie menümüz olsun. Linklere tıkladığımız zaman ul tag’lerinin id değerlerini alacağız ve sonrası bize kalmış.

[PHP]
$(“ul. menu li a”).click(function(){

var ul_id = $(this).closest(‘ul’).attr(‘id’);
alert(ul_id);

});
[/PHP]

İşte bütün işlemimiz bu kadar. ul_id değişkenine değerimiz atandı.