Wie kann ich Unterauswahlen für bereits ausgewählte Elemente vornehmen?

Question

Markup:

<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

Wenn Sie ein Nachkomme des gegebenen Elements möchten, können Sie find() verwenden:

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

Wenn Sie wissen, dass Sie nur für suchen wollen Die ersten Ebene Kinderelemente können Sie verwenden children():

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

Answer 3

könnten Sie

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

oder

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