jquery - 更改ID时的Jquery表单排序

Question

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

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

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

Answer 1

在您的可排序小部件的停止回调中，重新分配您的 id，如下所示：

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

Answer 2

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

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

这将遍历所有.question元素并id基于它们的列表顺序。

PSid应以字母 [A-Za-z] 字符开头。