Javascript 如何使用JQuery插件将对象移动到X位置？

我很好地展示了这个。但是,

我如何修改此插件，以便当有人单击某个对象时，它可以产生良好的重新排序效果，如中所示：

它会在列表中向上或向下移动对象X的位置

---

从所有元素都有float:left的那一刻起，修改它是否容易；当用户单击按钮时，隐藏具有特定类的元素，例如，如果单击灰色，则将隐藏红色和黑色。在jquery中，上述示例如下所示：

$(document).ready(function(){
    $("#grey-button").click(function(){
        $(".red, .black").hide()
    });
});

这将隐藏类为红色和黑色的所有元素，添加css属性display和value none

---

这将使浏览器看不到其余图元，因此其余图元将根据您为其设置的浮动放置在不同的位置。

重新排序就是图元可见性的变化。添加“顺序”感知是另外一件事，您必须通过Jquery重新排列DOM上的元素。。。不知道怎么做。我不想过滤。我想重新定位元素。也许你需要一个直观的例子来帮助我。在您给出的示例中，它过滤元素