将选中的复选框放在列表顶部[关闭]答案

【问题标题】：Bring checked checkboxes on top of the list [closed]将选中的复选框放在列表顶部[关闭]
【发布时间】：2014-12-27 09:50:22
【问题描述】：

单击单选按钮时，将发送 Ajax 请求并返回带有复选框[employee] 的 Div。

我希望选中的复选框位于顶部。在想，如果有一些我可以动态更改的索引属性。

【问题讨论】：

请提供您的代码，让您的问题更清楚。

标签： javascript jquery html ajax

【解决方案1】：

希望以下演示对您有所帮助。

http://jsfiddle.net/scSYV/2/

var list = $("ul"),
    origOrder = list.children();

list.on("click", ":checkbox", function() {
    var i, checked = document.createDocumentFragment(),
        unchecked = document.createDocumentFragment();
    for (i = 0; i < origOrder.length; i++) {
        if (origOrder[i].getElementsByTagName("input")[0].checked) {
            checked.appendChild(origOrder[i]);
        } else {
            unchecked.appendChild(origOrder[i]);
        }
    }
    list.append(checked).append(unchecked);
});

【讨论】：

谢谢兄弟！你很擅长这个！
只需从 [stackoverflow.com/questions/8746913/… 复制并粘贴答案，您应该先 google 以获得答案，这就是您投反对票的原因

【解决方案2】：

您可以使用 prepend 函数重新绘制包含复选框的 div。使用函数

for (var i = 0 ; i < checkboxesToCheck;i++)
{
if ($('#checkbox').is(':checked')) 
    $("#checkbox").prependTo("#container");
else
    $("#checkbox").appendTo("#container");
}

【讨论】：

不错！前置有用的功能！谢谢！无法投票。声誉较低：P
谢谢。它肯定不是最终代码，但你明白了。祝你好运