Добрый день. Есть следующий js:
jQuery('body').on('click', ' .quo span', function(){
col = jQuery('.basketForm .quo .form-control').val();
id = jQuery('.basketForm .quo .form-control').attr('data-id');
jQuery.ajax({
url : '/wp-admin/admin-ajax.php',
type : 'POST',
cache: false,
data: ({
action : 'change_product',
col : col,
id : id,
}),
success: function(data){
jQuery('.order-form').html(data);
}
});
});
И часть таблички с двумя пунктами:
// первый
<td class="quo" data-label="Количество:" data-value="1" data-id="226">
<span class="down">-</span>
<input maxlength="15" type="text" onkeyup="buttonOff()" class="form-control" data-id="226" name="update_226" value="1">
<span class="up">+</span>
</td>
// второй
<td class="quo" data-label="Количество:" data-value="1" data-id="236">
<span class="down">-</span>
<input maxlength="15" type="text" onkeyup="buttonOff()" class="form-control" data-id="226" name="update_226" value="1">
<span class="up">+</span>
</td>
Как правильно получить переменные id и col того пункта, значения которого меняю? Сейчас, берет данные только из первого .quo .form-control, даже если работаю со вторым. Понимаю, что ответ на поверхности, но как правильно? Спасибо.