如何使用jQuery UI(可排序)交换ID？

Question

据我所知，当您使用jQuery Sortable时，实际列表项(li)在HTML代码中重新排列。我想做的是创建排序的假象，但只是移动图像名称(也许这可能需要交换ID)。我已经设置了一个Fiddle来说明我的例子(在这个例子中，列表项是可排序的，但ID和选中的项目与它一起，我希望它们保持它们的顺序):

JS小提琴: http://jsfiddle.net/7QFB7/

什么是最好的方法来保持所有的东西在相同的顺序，减去图像名称?我需要列表项的ID和选择框的更改以及输入的名称，以便即使它们被重新排列，唯一的项目，将技术上移动是图像名称。因此，最终结果可能看起来像这样:

    <li id="thumb-1"><select id="image1"></select><input name="image1_path" value="imagename3.jpg"></li>

注意，在上面的代码行中，所有的名称和id都是1，但是图像名称是3。这就是我想达到的目标。

谢谢。

Answer 1

可以这样做:

演示

stop: function (event, ui) {
        ui.item.removeClass('dragging');
        $(this).find('li').each(function(i){
            var index = i+1,
                select =  $(this).find('select')[0];
           select.id = "image"+index;
            select.value = index;
        });
    }