无法访问子元素 - jquery

Question

我有一个类似 HTML

<div class="a">
    <div class="b">
        something
    </div>

    <div class="c">
        <div class="subC">
            i want to access
        </div>
    </div>
</div>

和 jquery 的东西，

$('.a').hover(function(){
    $(this).children('.subC').fadeOut();
})

我想访问“subC”类，但上面不起作用。

我也尝试过

$('.a').hover(function(){
    $(this).children('.c .subC').fadeOut();
})

，但这也不起作用！

这个问题有什么办法解决啊！我做错了什么吗？请帮忙

Answer 1

children 只深入一层。请尝试使用 find() 来代替。

http://api.jquery.com/children/

Answer 2

当在 jQuery 闭包内时，this 引用上一个 jQuery 操作返回的 jQuery 对象：

$('.a').hover(function() {
    // 'this' is a jQuery object containing the result of $('.a')
})

在闭包内使用 this 设置当前 jQuery 对象内查询的范围：

$('.a').hover(function() {
    $('.subC', this).fadeOut();
})

Answer 3

使用 .find('selector') 查找深度子节点

Answer 4

正如 Rob 所说，使用 .find 来查找深层元素。

$('.a').hover(function()
    {
        $(this).find('.c .subC').fadeOut();
    });

如果你想使用.children，请写

$('.a').hover(function(){
    $(this).children('.c').children('.subC').fadeOut();
})