получение src картинки при клике на кнопку

[andreychaki]

Здравствуйте!
имеется каталог товаров.
в каждой позции имеется картинка товара и кнопка заказать

как сделать так что бы при клике на кнопку заказать в переменную записался src картинки

[godofjavascript]

[tsigel]

с помощью jQuery это будет так:

$('.order').click(function () {
   var a = $('img.SomeClassImg').attr('src');
})

[andreychaki]

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

[pivas.net]

$('.CatalogList .button').click(function () {
     var src = this.parent('div').find('img').attr('src');
    // в src значение атрибута src
});

[pivas.net]

Без jQuery нужно?

[andreychaki]

спасибо, можно и с ним. все равно библиотека подключена для "аккордеона" если структура немного будет отличаться. к примеру больше вложеностей. можно будет указать parent('класс_общего_блока') и будет так же работать?

[pivas.net]

parents ! указываю на "s" в конце имени метода. Тогда будет.

[godofjavascript]

pivas.net, рукожоп, если много элементов то событие вешается на родителя.

$('div.CatalogList').on('click', '> div .button', function () {
    var src = $(this).parent('div').find('img').attr('src');
});

[tsigel]

Если больше одного родителя, то лучше использовать .closest() вместо .parent()