更改ID时的Jquery表单排序

【问题标题】：Jquery form sorting while changing the id更改ID时的Jquery表单排序
【发布时间】：2013-03-24 06:57:14
【问题描述】：

我正在创建一个调查应用程序。一旦用户继续创建调查，他们可以通过单击添加问题按钮来动态添加多个问题。我使用 jquery ui 添加了一个可排序的选项（带有句柄）。一旦用户对问题进行排序，我该如何更改表单上的 id。

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

或者有什么方法可以捕获位置，因为我想按顺序打印出来。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-sortable

【解决方案1】：

在您的可排序小部件的停止回调中，像这样重新分配您的 id：

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

【讨论】：

【解决方案2】：

如果您要删除 id 并重新添加，您可以这样做：

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

这将遍历所有 .question 元素，并将 id 基于其列表顺序。

附： id 应以字母 [A-Za-z] 字符开头。

【讨论】：