Как получить элемент в JQuery?

Question

[Даниил Емелин]

Как получить элемент с классом ".image"?
Следующий код не срабатывает. При нажатии на элемент в консоли ничего не выводит:

$('.image').on('click',function(){
console.log(1);
});

Почему?
https://codepen.io/skyskysky77/pen/mBXrgd

Answer 1

[Павел]

Потому что у Вас img src равняется нулю, т.е. размера у картинки нет, как и самой картинки, если ее добавить то все будет ок, для примера просто поправьте .image на .wrap и все будет работать

Comments

[Даниил Емелин]

Благодарю)

[Даниил Емелин]

А вы картинки видите?

[Павел]

Даниил Емелин, нет, картинок нет ,поэтому и размер 0px

[Даниил Емелин]

Павел, У меня картинки отображаются, странно

Answer 2

[leni_m]

так у ваших .image размеры 0х0, поэтому вам не кликнуть по ним
а вот $('.wrap').on('click', ... работает

Comments

[Даниил Емелин]

Спасибо :)

[Даниил Емелин]

А вы картинки видите?

[leni_m]

Даниил Емелин,
консоль браузера замечательная вещь

[Даниил Емелин]

leni_m, Дело в том, что у меня картинки отображаются. Странно. В консоли 80px x 80px

[leni_m]

Даниил Емелин,
403 ошибка хз

Answer 3

[Владимир]

Код правильный. Или jQuery не подключен, или нет элемента с классом 'image', или не там смотришь. Попробуй заменить вывод в консоль на alert

Comments

[Владимир]

Пардон, ссылку на codepen я как-то не заметил :-D