jquery这个子选择器？

Question

嘿,快速的问题,我在网上找不到任何东西.我有一个父div和一个子div.用css选择它你会说:

#parent .child {}

在jquery中,我的父元素有一个var,但是如何用这个选择子元素呢？我知道创建一个新的var很容易,我只是好奇它是否可能？

var Parent = $('#parent');

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

谢谢

Answer 1

正确的语法是:

$(".child", this)

如果你只想要直接的孩子:

$("> .child", this)

(归功于Gumbo提到这个)

两年后更新:

您可以使用 $(this).find('> .child')

Answer 2

您可以只调用该.find()方法:

var Parent = $('#parent');

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

如果您只想选择直接子项,请改用该.children()方法:

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

人们经常使用类似的语法

$('.child', this);

以及.这对我来说不是很方便,因为你总是写一个"反向"的命令.无论如何,这种语法在内部转换为一个.find()语句,所以你实际上是在保存一个调用.