jquery - 如何在jquery中动态排序列表项？

Question

我的问题与我在 Stack Overflow 上找到的许多其他问题非常相似，但并不完全相同。

我简单列出如下:

<div id="preview" style="border: 1px solid #000;">

    <ul>
        <li style="list-style: none; display: none;" id="list1" class="ui-state-default">
            <input type="radio" name="answer" id="answer1" value="a" />
            <label for="answer1" id="displayAnswer1"></label>
        </li>

        <li style="list-style: none; display: none;" id="list2" class="ui-state-default">
            <input type="radio" name="answer" id="answer2" value="b" />
            <label for="answer2" id="displayAnswer2"></label>
        </li>

         <li style="list-style: none; display: none;" id="list3" class="ui-state-default">
            <input type="radio" name="answer" id="answer3" value="c" />
            <label for="answer3" id="displayAnswer3"></label>
        </li>
    </ul>
</div>

在名为'id'的变量中，值可能以随机顺序出现，
例如:id的第一个值可能是3，那么具有list3 id的li必须出现在 ListView 的第一个位置，那么id值可能是2，那么具有list2的li id 必须位于 ListView 的第二个位置，那么最后 id 值可能为 1，那么具有 list1 id 的 li 必须位于 ListView 的第三个位置。

我搜索了很多，但所有这些都是按字母顺序或其他类似值排序的，并且它们没有解决我的问题。

谢谢!!

Answer 1

​var ids = [3, 1, 2];

var items = $("#preview li").remove();
$.each(ids, function(index, id) {
    $(items).filter("li[id='list" + ids[index] + "']")
        .appendTo($("#preview ul"));
});

参见jsFiddle .

​