Почему не работает скрипт?

Question

[Илья Смирнов]

Здравствуйте, на странице есть множество блоков с классом .game-block. Внутри них есть figcaption. Цель чтобы при клике на один из блоков с классом .game-block его дочерний figcaption становился непрозрачным, а в остальных блоках все figcaption становились прозрачными. Применил такую конструкцию но не работает. Подскажите почему?
Изучать jQuery начал недавно, может где-то затупил...

$(document).ready(function(){
        $(".game-block").click(function(){
            $('figcaption').css('opacity','0');
            $(this).find('figcaption').css('opacity','1');
        });
});

Comments

[Дмитрий Беляев]

а figcaption это точно имя тега? если это класс, то нужна точка в начале

Answer 1

[Дмитрий Новиков]

в скрипте ошибки нет, смотрите структуру HTML.
может быть, figure/figcaption создается динамически, джаваскриптом?

Comments

[Илья Смирнов]

Да нет... Не динамически

[Илья Смирнов]

Может ли быть проблема в том что figcaption это дочкане первого уровня?

[Игорь Воронов]

Илья Смирнов: вас спасет
$(document).ready(function(){
console.log($(".game-block"))
});
Посмотрите хотя бы, что он выдаст вам на ready.

[0leg5ergeev]

Игорь Воронов: всегда так делаю, лол

Answer 2

[Dark Hole]

Мне кажется, что вы сначала ставите прозрачность 0. Потом 1.
Чего вы ждете?

Comments

[Илья Смирнов]

все правильно. Сначала прозрачность 0 всем, а потом 1 только тому по родителю кторого был клик

[Dark Hole]

Илья Смирнов: а что неправильно?