मैं पहले से चयनित तत्व पर उप चयन कैसे कर सकता हूं?

Question

मार्कअप:

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

जे एस:

$("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

दी तत्व के किसी भी वंशज चाहते हैं तो आप उपयोग कर सकते हैं find():

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

आप जानते हैं कि आप के लिए ही खोज करना चाहते हैं प्रथम स्तर के बच्चों के तत्व, आप children() का उपयोग कर सकते हैं:

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

Answer 3

आप इस्तेमाल कर सकते हैं

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

या

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