Javascript 在ajax响应上移动项目

我有4个元素，按1，2，3，4的顺序排列。 我可以通过拖放元素来更改此顺序。问题是，我希望该页面上的所有浏览器上的元素都发生更改。目前，我已经做了一个工作的ajax调用，并且我能够在其他浏览器中获得这些数据

现在我的问题是：使用从ajax调用接收到的数据，我想更新顺序错误的项目

更改数据的示例：

var data = [{
  id: 1,
  order: 3
},
{
  id: 2,
  order: 1
}];

在html中，我有一个名为“数据板id”和“数据顺序”的属性。这些是指订单和线路板ID。

是否尝试使用

---

我希望这能回答您非常模糊的问题

在收到来自Ajax请求的数据后，您可以使用order id作为键来创建有序数组。比如,

var items = [];
items[data-order] = id; // items[1] = 3 & items[2] = 1;

在items数组上循环，必要时替换div。我甚至会考虑擦除数据板，并在循环中从头开始添加它们。

---

上面的代码无法解决此问题，但可能会帮助您朝着正确的方向前进。

对于这个错误的问题，很抱歉！我已经从我的HTML中截取了一些屏幕截图。 我打开了两个Google Chrome标签，每3秒钟就会收到一个ajax调用，其中包含如下数据：

如果您比较下面的图片，您可以看到，如果进行了任何更改，我希望以正确的顺序更改HTML列表

当前HTML的屏幕截图： http://puu.sh/nAsGx/6fdc334e45.png

第一个Google Chrome选项卡中更改HTML的屏幕截图：http://puu.sh/nAsIz/bea08f029d.png

ajax调用后第二个Google Chrome选项卡的屏幕截图：http://puu.sh/nAsNK/b3993e8ae9.png

---

我不能发布超过两个链接，因为我的声誉…

你能提供更多信息吗，你的html结构如何，你是否使用jquery/pure javascript。我添加了更多信息，也许你能更好地理解这个问题，你能回答吗！