id를 변경하면서 Jquery 폼을 정렬

Question

설문 조사 앱을 만들 예정입니다. 사용자가 설문 조사를 만들면 질문 추가 버튼을 클릭하여 여러 질문을 동적으로 추가 할 수 있습니다. jquery UI를 사용하여 정렬 가능한 옵션 (핸들 사용)을 추가했습니다. 사용자가 질문을 정렬하면 양식의 ID를 어떻게 변경합니까?

<div class="question" id="1"></div> 
<div class="question" id="2"></div> 

또는 순서대로 인쇄하려는 경우 위치를 캡처 할 수있는 방법이 있습니다. 모든 .question 요소를 통해

$('.question').each(function(index) { 
    $(this).attr('id', index); 
}); 

이 의지 루프를 자신의 목록 순서에 id 기초 : 당신이 id를 제거하는 것을 의미하는 경우

Answer 1

, 다음과 같이 귀하의 ID를 재 할당 :

$("#sortable").sortable({ 
    stop : function (event, ui){ 
     $('.question').each(function(index){ 
      $(this).attr('id',index); 
     }); 
    } 
}); 

Answer 2

당신이 할 수있는 위해 다시 추가합니다.

P. id은 영문자 [A-Za-z] 문자로 시작해야합니다.

당신의 정렬 위젯의 정지 콜백에서