Как я могу сделать суб-выборки на уже выбранном элементе?

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