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

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

你可以使用

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

或

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

Answer 2

如果您想要给定元素的任何后代，您可以使用 find()：

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

如果您知道您只想要要搜索第一级子元素，可以使用 children()：

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

Answer 3

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