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

[andreychaki]

сегодня каталог не успею заверстать, завтра сделаю структуру и можно будет определиться среди методов)

[andreychaki]

<div class="catalogitem">
<h1>Название товара</h1>
	<div class="col3">
		<div class="col_left">
			<img src="img/img1.jpg">
		</div>
		<div>
			описание товара и характеристики
		</div>
		<div class="col_right">
			<div class="AddToBasket">
				<div class="button_blue">В корзину</div>
			</div>
		</div>
	</div>
</div>

код такой. при нажатии на <div class="button_blue">В корзину</div> в переменную писать img/img1.jpg

такой код мне поможет?

$('.catalogitem .button_blue').click(function () {
     var src = this.closest('.catalogitem').find('img').attr('src');
});

[tsigel]

$('.catalogitem .button_blue').click(function () {
     var src = this..closest'div').find('img').attr('src');
});

Не совсем так. Так ты найдешь div с классом "AddToBasket", т.к. closest() ищет первый селектор удовлетворяющий требованию. Тебе надо указывать первого общего родителя для кнопки "в корзину" и картинки.

$('.catalogitem .button_blue').click(function () {
     var src = this.*!*closest('.col3')*/!*.find('img').attr('src');
    // в src значение атрибута src
});

[andreychaki]

а, ну да. лишний переход к родителю ни к чему тут

[andreychaki]

$(function() {	
	$('.button_blue').click(function() {
		alert(1); 
		var src = this.closest('.col3').find('img').attr('src');
		alert(2); 
	});
});

"1" выводится
"2" не выводится

[andreychaki]

починил

$(function() {	
	$('.button_blue').click(function() {
		var src = $(this).closest('.col3').find('img').attr('src');
		alert(src); 
	});
});

сделал так

[tsigel]

Ну да) jQuery то надо включить, логично)