не может получить доступ к дочернему элементу - 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 для поиска глубоких элементов.

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

, если хотите использовать .children, напишите

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

Answer 4

Используйте .find('selector'), чтобы найти глубоких детей