функция при клике

[wordpost]

$('.mg-item').each(function() {
		$('.sct-clr').each(function() {
			var $SctClr = $(this);
		        $SctClr.on('click', 'li', function() {
		            var $SctClrLi = $(this),
		            	  $TakePrice = $SctClrLi.find('.take-price').html(),
		                  $TakeColor = $SctClrLi.find('.take-color').text(),
		            	  $TakeImg = $SctClrLi.find('.take-img').attr('src');

		            $SctClrLi.parents('.mg-item').find('.put-price').html($TakePrice);
		           $SctClrLi.parents('.mg-item').find('.put-color').text($TakeColor);
		            $SctClrLi.parents('.mg-item').find('.put-img').attr('src', $TakeImg);
		            $SctClrLi.siblings().removeClass('active');
		            $SctClrLi.addClass('active');
		        });
		});
    });

Народ, помогите пожалуйста сообразить функцию при клике
Есть блок .mg-item их много, в этом блоке есть еще один блок .sct-clr
В котором есть список для клика, при клике в основном блоке должно меняться цена,цвет и картинка из списка в блоке .sct-clr.
Вот как сообразить функцию из

var $SctClrLi = $(this),
 $TakePrice = $SctClrLi.find('.take-price').html(),
$TakeColor = $SctClrLi.find('.take-color').text(),
$TakeImg = $SctClrLi.find('.take-img').attr('src');
...

[Mess4me]

wordpost,
может взять так ?

var $SctClrLi = $(this),
$TakePrice = $SctClrLi.find('.take-price')[0].html(),
$TakeColor = $SctClrLi.find('.take-color')[0].text(),
$TakeImg = $SctClrLi.find('.take-img')[0].attr('src');

а дальше уже делать с ними что надо.

[Sigizmund2012]

var $SctClrLi = $(this),
$TakePrice = $SctClrLi.find('.take-price')[0].html(),
$TakeColor = $SctClrLi.find('.take-color')[0].text(),
$TakeImg = $SctClrLi.find('.take-img')[0].attr('src');

Так не прокатит, $TakePrice = $SctClrLi.find('.take-price')[0] получит именно элемент, а не коллекцию jQuery, поэтому вызов метода html() выдаст ошибку 'is not a function'. То же самое и с остальными строками.

[ruslan_mart]

attr('src')

Плохая практика. Лучше использовать prop.

//attr:
elem.getAttribute('src');

//prop:
elem.src;

Ну и раз уж обращаешься напрямую к элементам, то сразу использовать src/textContent/innerHTML, иначе выдаст ошибку, так как это уже сама нода, а не объект jQuery.

[wordpost]

Хотелось что то типа такого:

$('.sct-clr').each(function() {
		var $SctClr = $(this);
	        $SctClr.on('click', 'li', function() {
	        	clickLi();
	});
	var clickLi = function (argument) {
	      var $SctClrLi = $(this),
	      	  $TakePrice = $SctClrLi.find('.take-price').html(),
	            $TakeColor = $SctClrLi.find('.take-color').text(),
	      	  $TakeImg = $SctClrLi.find('.take-img').attr('src');

	      $SctClrLi.parents('.mg-item').find('.put-price').html($TakePrice);
	     $SctClrLi.parents('.mg-item').find('.put-color').text($TakeColor);
	      $SctClrLi.parents('.mg-item').find('.put-img').attr('src', $TakeImg);
	      $SctClrLi.siblings().removeClass('active');
	      $SctClrLi.addClass('active');
	  });
	});