| godofjavascript | 17.12.2012 10:31 |
получение src картинки при клике на кнопку
Здравствуйте!
имеется каталог товаров. в каждой позции имеется картинка товара и кнопка заказать как сделать так что бы при клике на кнопку заказать в переменную записался src картинки |
|
с помощью jQuery это будет так:
$('.order').click(function () {
var a = $('img.SomeClassImg').attr('src');
})
|
с записью проблем нет. проблема в том что товаров много. и как определять какой src нам нужно записывать.
например такая структура:
<div class="CatalogList">
<div>
<img src="img1.jpg">
<div class="button"></div>
</div>
<div>
<img src="img2.jpg">
<div class="button"></div>
</div>
<div>
<img src="img3.jpg">
<div class="button"></div>
</div>
</div>
необходимо что бы при клике на <div class="button"> в переменную писался src картинки которая лежит с ним в блоке |
$('.CatalogList .button').click(function () {
var src = this.parent('div').find('img').attr('src');
// в src значение атрибута src
});
|
Без jQuery нужно?
|
спасибо, можно и с ним. все равно библиотека подключена для "аккордеона" если структура немного будет отличаться. к примеру больше вложеностей. можно будет указать parent('класс_общего_блока') и будет так же работать?
|
parents ! указываю на "s" в конце имени метода. Тогда будет.
|
pivas.net, рукожоп, если много элементов то событие вешается на родителя.
$('div.CatalogList').on('click', '> div .button', function () {
var src = $(this).parent('div').find('img').attr('src');
});
|
Если больше одного родителя, то лучше использовать .closest() вместо .parent()
|
| Часовой пояс GMT +3, время: 14:18. |