获取HTML元素

Question

在#content div中，有一些块可供用户拖动并对其进行排序。 每个块可以包含许多节点。在每个块下，包含＆＃34; data-node-id＆＃34;属性。我想创建一个在拖拽排序后获得订单的功能。此功能可以从单击按钮运行（不必为每次排序更改运行）。

这是我的页面：http://orbitcoins.website/demos/demo%20-%20json_nodes_diagram/nodes_diagram_serverfile.php

所以，让我们说，我按此顺序拥有元素：

order = {1,2,3,4,5}//block1:{1}, block2:{2}, block3:{3,4,5}

更改第二个和第三个块的顺序后，运行此函数时，我们将得到以下结果：

new_order = {1,3,4,5,2}//block1:{1}, block2:{3,4,5}, block3:{2}

使用JQuery或JavaScript时没有区别。

Answer 1

好吧，@ Andreas在评论中发布了解决方案：

$("[data-node-id]").map(function() { return +this.getAttribute("data-node-id"); }).get()

这个解决方案对我来说似乎很完美！它完全符合我的要求。

信用转到@Andreas。

Answer 2

使用此代码段，您可以按照定义的顺序检查所有块，并在执行结束时获取包含的值：

animation:cw 0.4s linear 1 forwards;