Как изменить значения input после перемещения?

Question

[FEDKOTV]

Имеется ul список, элементы которого можно менять местами.

Т.е. наш список вида:
*[ 1 ] AAA
*[ 2 ] BBB
*[ 3 ] CCC

где [ ] - поле input, выводящий текущую позицию элемента (в оригинале, данное поле заполняется через MySQL); при перемещении скажем с третьей на первую была следующая картина:
*[ 1 ] CCC
*[ 2 ] BBB
*[ 3 ] AAA

Вопрос: как сделать так, чтобы значение поля input изменялось сразу же после перемещения на новую позицию?

Answer 1

[Web Dentist]

$('.sortable-item').on('click', function(){
	$('.sortable-item').each(function(index, item){
  	$(item).find('input').val(index+1);
  		
  })

})

Answer 2

[0xD34F]

stop() {
  $('.sortable-item input', this).val(i => i + 1);
},

Comments

[FEDKOTV]

Спасибо за ответ! Ваше решение больше подошло. Но возникла одна проблемка: рядом с каждым элементом списка также присутствует ещё один инпут тег, но чекбокс. Возможно но ли сделать так, чтобы значение value изменялся только у input type="text" ?

[0xD34F]

FEDKOTV, возможно.

[FEDKOTV]

0xD34F, не подскажите, пожалуйста? или намекните чутка куда глядеть

[0xD34F]

FEDKOTV, чем мотивировано ваше нежелание принимать правку вопроса?

[FEDKOTV]

0xD34F, извиняюсь, это у меня впервые, принятие правки (не увидел кнопки)

[0xD34F]

FEDKOTV, есть селекторы атрибутов, можно указать нужный тип: '.sortable-item input[type="text"]'.

[FEDKOTV]

0xD34F, низкий вам поклон! спасибо!