如何对已选择的元素进行子选择？

Question

标记:

<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

如果你想要给定元素的任何后代,你可以使用find():

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

如果您知道只想搜索第一级子元素,则可以使用children():

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