Erhalten Sie alle Datenattribute Reihenfolge der HTML-Elemente

Question

In der #content div, gibt es Blöcke, die Benutzer sie ziehen und sortieren können. Jeder Block kann viele Knoten enthalten. Unter jedem Block befindet sich das Element are, das das Attribut "data-node-id" enthält. Ich möchte eine Funktion erstellen, die die Reihenfolge nach dem Ziehen-Sortieren erhalten wird. Diese Funktion kann über einen Klick-Button ausgeführt werden (muss nicht bei jeder Änderung der Sortierung ausgeführt werden).

Hier ist meine Seite: http://orbitcoins.website/demos/demo%20-%20json_nodes_diagram/nodes_diagram_serverfile.php

Lassen Sie uns also sagen, ich habe Elemente in dieser Reihenfolge:

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

nach der Bestellung des zweiten und dritten Block zu ändern, wenn diese Funktion ausgeführt wird, wir wird dieses Ergebnis erhalten:

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

Es gibt keinen Unterschied bei der Verwendung von JQuery oder JavaScript.

Answer 1

Nun hat @Andreas die Lösung in dem Kommentar geschrieben:

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

Diese Lösung scheint mich perfekt! es macht genau das, was ich wollte.

Kredit geht zu @Andreas.

Answer 2

Mit diesem Code-Schnipsel können Sie alle Blöcke in der Reihenfolge prüfen Sie am Ende der Ausführung der enthaltenen Werte definiert und erhalten:

// all the blocks you have 
    $blocks = array(1, 2, 3); 

    // all the elements they contain 
    $blocks[1] = array(1); 
    $blocks[2] = array(2); 
    $blocks[3] = array(345); 

    // the new block order you will get 
    $new_order = array(1, 3, 2); 

    // initialize the new blocks order 
    $new_blocks = array(); 

    // for every block of the new order 
    foreach ($new_order as $block) { 

     // add to the new blocks order the content of that block 
     array_push($new_blocks, $blocks[$block]); 

    } 

    // for each new block obtained 
    foreach ($new_blocks as $block) { 

     // and for every node inside 
     foreach ($block as $item) { 

      // print it out 
      var_dump($item); 

     } 

    } 

    // new_blocks is the structure you are searching for