Присвоение значений всем изображениям, найденным классом в Jquery

Question

Присвоение значений всем изображениям, найденным классом в Jquery

0

Поэтому я должен вытащить все изображения, которые находятся в слайд-шоу, и распечатывать разные сообщения в зависимости от того, какое количество они находятся в слайд-шоу. Поэтому в настоящее время у меня есть следующее:

$('.image-class img').click(function() {
    console.log("hi");
});

Делает вид, что html - это что-то вроде tihs

<ul>
<li class="image-class"><img src="image1.png" /></li>
<li class="image-class"><img src="image2.png" /></li>
<li class="image-class"><img src="image3.png" /></li>
</ul>

Таким образом, в настоящее время он находит все изображения, затем, когда я нажимаю один, он печатает "привет" на консоли. Он работает точно так, как я предполагал. Я просто зациклился на том, как печатать, например, "Изображение 1", когда нажимается одно изображение и "Изображение 2" при нажатии второго изображения. Мне нужно, чтобы это работало для любого потенциального количества слайдов, добавленных в слайд-шоу.

Любая помощь будет оценена по достоинству. Если вам нужна дополнительная информация, дайте мне знать!

Posz 28 апр. 2014, в 19:23

Источник

Теги:

jquery

2 ответа

Ещё вопросы

xiidea · Answer 1 · 2014-04-28T14-50-00.000Z

Вы можете использовать $(this) для доступа к объекту с щелчком изображения Like.

$('.image-class img').click(function() {
    console.log($(this).attr('src'));
});

RVAProgrammer · Answer 2 · 2014-04-28T16-15-00.000Z

Вы можете получить атрибуты текущего выбранного элемента, например:

$('.image-class img').click(function () {
   var text = $(this).attr("src");
   console.log(text);
});