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

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");

Answer 3

您可以使用

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

或

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