0

Необходимо, чтобы при нажатии на кнопку вверх или вниз, блок 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());
  });
});
3
  • само значение $('.sequence').val(parseFloat($('.sequence').val()) + 1) а поменять местами вы уже спрашивали тут Commented 3 мар. 2016 в 14:23
  • да, спрашивал. Спасибо за ваш ответ. Не понятно а куда эту строку кода вставить? Как мне достучаться до моего текущего $('.sequence'), а не всех сразу? Commented 3 мар. 2016 в 14:27
  • $('.sequence').val(parseFloat($('.sequence').val()) + 1) - изменится у всех +1. А нужно только у конкретного Commented 3 мар. 2016 в 14:28

1 ответ 1

1

ну тогда так.

$(function(){
	$(document).on('click', '.down_id', function() {
		$(this).siblings('.sequence').val(parseFloat( $(this).siblings('.sequence').val() ) + 1);
		$(this).parent().next().children('.sequence').val( $(this).parent().next().children('.sequence').val() - 1);
		$(this).closest('.poll_row').insertAfter($(this).closest('.poll_row').next());
	});

	$(document).on('click','.up_id', function() {
		$(this).siblings('.sequence').val(parseFloat( $(this).siblings('.sequence').val() ) -1);
	    $(this).parent().prev().children('.sequence').val(parseFloat($(this).parent().prev().children('.sequence').val())+ 1);
		$(this).closest('.poll_row').insertBefore($(this).closest('.poll_row').prev());
	});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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>

10
  • Спасибо, большое. немного не корректно работает. Если меняю третий со вторым, у третьего становится значенние 0, второй: 2, первый: 1. Commented 4 мар. 2016 в 6:35
  • ну так допиши строку по примеру $(this).parent().children('.sequence').val(parseFloat($('.sequence').val()) + 1); изгачально надо было сразу писать все требования. Commented 4 мар. 2016 в 6:36
  • пока с js на "Вы". Если по вашему примеру, как мне найти элемент с которым я меняюсь и отнять или прибавить его скрытому полу единицу? Извините, если совсем глупые вопросы. Commented 4 мар. 2016 в 6:49
  • получается, алгоритм следующий меняю значение в поле которое хочу поднять/опутить, дальше нахожу первое поле которое идет после текущего, меняю у него? Commented 4 мар. 2016 в 6:51
  • вернее меняю также у всех, которые находятся у всех которые идут после текущего. Если не ошибаюсь так: '$(this).parent().children('.sequence').next('.sequence').val(parseInt($('.sequence').val()) - 1);' Commented 4 мар. 2016 в 7:09

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.