Необходимо, чтобы при нажатии на кнопку вверх или вниз, блок poll_row
должен поменяться местами с соседним, а также увеличиться или уменьшится атрибут value
на +1
или -1
скрытого поля с классом sequence
.
Сами блоки меняются, но вот как изменить атрибут value
, не получается. Также как сделать, чтобы автоматом менялось значение value
из соседнего блока с которым произошел обмен соответственно на +1
или -1
.
<div class="poll_row">
<input class="poll_item", type="text, value='text1'>
<input class="sequence" type="hidden" value="1">
<button class="up_id" name="button" type="button" value="вверх">вверх</button>
<button class="down_id" name="button" type="button" value="вниз">вниз</button>
</div>
<div class="poll_row">
<input class="poll_item", type="text, value='text2'>
<input class="sequence" type="hidden" value="2">
<button class="up_id" name="button" type="button" value="вверх">вверх</button>
<button class="down_id" name="button" type="button" value="вниз">вниз</button>
</div>
<div class="poll_row">
<input class="poll_item", type="text, value='text3'>
<input class="sequence" type="hidden" value="3">
<button class="up_id" name="button" type="button" value="вверх">вверх</button>
<button class="down_id" name="button" type="button" value="вниз">вниз</button>
</div>
Написал след. функцию, но почему то атрибут value
не меняется:
$(document).ready(function(){
$(document).on('click', '.down_id', function() {
var seq_field = $(this).prev('.sequence');
var seq_val = parseInt(seq_field.attr('value'));
seq_field.attr('value', seq_val + 1);
$(this).closest('.poll_row').insertAfter($(this).closest('.poll_row').next());
});
$(document).on('click','.up_id', function() {
var seq_field = $(this).prev('.sequence');
var seq_val = parseInt(seq_field.attr('value'));
seq_field.attr('value', seq_val - 1);
$(this).closest('.poll_row').insertBefore($(this).closest('.poll_row').prev());
});
});
$('.sequence').val(parseFloat($('.sequence').val()) + 1)
а поменять местами вы уже спрашивали тут