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.
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.