jquery этот дочерний селектор?

Question

эй, быстрый вопрос, я ничего не нашел в Интернете. У меня есть родительский div и дочерний div внутри него. чтобы выбрать его с помощью CSS вы бы сказали:

#parent .child {} 

В JQuery У меня есть вар для моего родительского элемента, однако, как я могу выбрать ребенка с этим? Я знаю, что легко создать новый var, мне просто интересно, если это возможно?

var Parent = $('#parent'); 

Parent.click(function() { 
$(this > '.child').hide(); 

спасибо

Answer 1

Правильный синтаксис:

$(".child", this) 

Если вы хотите только прямых детей:

$("> .child", this) 

(Заслуга Гамба для упоминание об этом)

Update, два года спустя:

Вы можете использовать $(this).find('> .child')

Answer 2

попробовать этот код:

$("#parent").click(function() { 
       $(this).next().hide(); 
}); 

Answer 3

var Parent = $('#parent'); 

Parent.click(function() { 
    $(".child", this).hide(); 
}); 

или

$("#parent").click(function() { 
    $(".child", this).hide(); 
}); 

Answer 4

Вы можете просто вызвать .find() метод:

var Parent = $('#parent'); 

Parent.click(function() { 
    $(this).find('.child').hide(); 
}); 

Если вы хотите выбрать только непосредственные дети, использовать .children() метод вместо:

Parent.click(function() { 
    $(this).children('.child').hide(); 
}); 

Люди часто используют синтаксис как

$('.child', this); 

так же. Мне это не очень удобно, так как вы пишете «обратный» порядок. Во всяком случае, этот синтаксис преобразуется внутренне в оператор .find(), поэтому вы фактически сохраняете вызов.

Ref .: .find(), .children()

Answer 5

U может найти детей ваших родительских элементов и применить CSS.

Образец кода приведен ниже.

var Parent = $('#parent'); 

Parent.click(function() { 
$(this).find('.child').hide();});