¿Cómo puedo hacer sub selecciones en un elemento ya seleccionado?

Question

de marcado:

<div class="foo"> 
    <img src="loading.gif" class="loading" style="display: none;" /> 
</div> 

Js:

$("div[class='foo']").click(function(e) { 
    e.preventDefault(); 
    $(this).hide(); 
    $(/* somehow select the loading img of exactly this div with class foo (not others) */).show(); 
}); 

Answer 1

$("div[class='foo']").click(function(e) { 
    e.preventDefault(); 
    $(this).hide(); 
    $('img.loading', this).show(); 
}); 

Answer 2

Si desea cualquier descendiente del elemento dado puede utilizar find():

$(this).find(".foo"); 

Si sabe que sólo desea buscar los elementos secundarios de primer nivel, puede usar children():

$(this).children(".foo"); 

Answer 3

Usted podría utilizar

$(this).find("img").show(); 

o

$(this).find("img.loading").show();