Почему код возвращает последний элемент?

Question

[zeni1agent]

У меня есть вот такой код

morh_arr_name =
{
  "patch1": "087878",
  "patch2": "768=7"
};




$.each(morh_arr_name, function( key, value ) {
//Создать ползунок контроля морфа
str_name = "s_opt_"
ran_id = str_name+"run_"+key;
box_id = str_name+"box_"+key;
$("#svg_opt").append('<div class ="'+str_name+'block_" id="'+str_name+'block_'+key+'"><label>'+key+'</label><input type="range" min="0" max="10" step="1" value="0" id="'+ran_id+'"><input type="checkbox" name="'+box_id+'" id="'+box_id+'" ></div>');
//Получить массив точек
//var arr_point = toPoints(value);

$("#"+ran_id).change(function() {
	alert($(this).val());
	alert(box_id);
	alert(ran_id);
	alert($("#"+box_id).prop("checked"));
});

$("#"+box_id).change(function() {
	alert(this.checked);
});

});

Мне нужно что бы когда я менял свойство ползунка s_opt_run_patch1 он говорил в каком состояний чекбокс s_opt_box_patch1. Но код почему то возвращает только последний элемент как это исправить?

Answer 1

[Sergey]

Потому что box_id присваивается значение в последней итерации цикла each.
Задайте в ползунок дополнительный атрибут со значением box_id, его достаёте при изменении и по нему ищите чекбокс