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基于其列表顺序。

P.S。 id应以字母[A-Za-z]字符开头。

更改id时Jquery表单排序

2 个答案: