JQUERY THIS Operatörünü Parent Olarak KULLANMAK

$("eleman",this)

Jquery ile sayafa birden fazla sayıda bulunan elemanlara atadığımız olaylarda "this" seçicisini oldukça sık kullanıyoruz. Peki this ile temsil edilen  bir elemanı  içerisindeki başka bir elemanı nasıl seçeceğiz? Örnekle bakalım.. 

4 tane secenek class'lı divimiz ve bu divlerin içerisinde birer span etiketimiz olsun. 

<div class="secenek"> <span> ....   </span></div>
<div class="secenek"> <span> ....   </span></div>
<div class="secenek"> <span> ....   </span></div>
<div class="secenek"> <span> ....   </span></div>

secenek class'lı herhangi bir div tıklandığında içindeki span etiketinin rengini değiştirmek isteyelim. Bu durumda tüm secenek class'ları için bir click olayı yazarız ve hangisinin tıklandığını this ile belirleriz. Sadece tıklanan div içindeki span etiketini seçmek içinde aşağıdaki yolu izleriz...

$(".secenek").click(function(){
      $(".secenek span").css("color","red"); // tüm span'ların rengi değişir.
      $("span",this).css("color","red"); // sadece tıklanan div içindeki span'ın rengi değişir.
})

Klasik  jquery seçimde önce parent eleman sonra bir boşluk bırakılarak seçilmek istenen elemanın kendisi  yazılır;  (".secenek span") gibi... Ancak this parametresi ile kullanılırken önce eleman sonra br virgülle this parametresi yazılır.

Görüşmek üzere..