Wie importiere ich Daten aus einer Tabelle in eine andere Tabelle (mit Arrays)

Question

Ich versuche ein Drag & Drop-Spiel zu erstellen, das durch einen Fußballwettbewerb sortiert (Gruppenphasen + eliminierende Pyramide). Hier

ist der Code für die dynamisch generieren Gruppe Stufen Tabelle + die Sortier Funktion:

function drawTable() { 
    var table_string = "<tr>"; 

    for (var k=1; k<=8; k++) { 
     table_string+="<td><table id ='id"+k+"' class='floating'>"; 

     for (var i=1; i<=4; i++) { 
      table_string+="<tr>"; 
      table_string+="<td class='team_td' id='item"+i+""+k+"'></td>" 
      table_string+="</tr>"; 
     } 

     table_string+="</table></td>"; 
    } 

    table_string+="</tr>" 
    $("#groupStage").append(table_string); 
} 

function randomizeTable() { 
    var Teams = ["ALG", "ARG", "AUS", "BEL", "BOS", "BRA", "CAM", "CDI", 
    "CHI", "COL", "CRC", "CRO", "ECU", "ENG", "FRA", "GER", "GHA", 
    "GRE", "HON", "IRA", "ITA", "JPN", "KOR", "MEX", "NED", "NIG", "POR", "RUS", "SPN", "SWI", "URU", "USA"]; 
    shuffleArray(Teams); 
    var contor=0; 

    for (var i=1; i<=4; i++) { 
     for (var j=1; j<=8; j++) { 
      $("#item"+i+""+j).append("<img src='Pics/"+Teams[contor]+".bmp' 
/>"); 

      contor++; 
     } 
    } 
} 

function shuffleArray(array) { 
    for (var i = array.length - 1; i > 0; i--) { 
     var j = Math.floor(Math.random() * (i + 1)); 
     var temp = array[i]; 
     array[i] = array[j]; 
     array[j] = temp; 
    } 

    return array; 
} 

Jetzt kann ich nicht herausfinden, wie die ersten 2 TDs in jeder Spalte zu nehmen, sie in eine andere Tabelle zu importieren (mit den Regeln, die A1 spielt B2 und A2 spielt B1 und so weiter).

Sollte es etwas mit einem neuen Array sein, das die Züge abbildet und den innerenHtml übernimmt?

Answer 1

etwas wie folgt aus: -

var groups = $('#groupStage').find('table.floating'); 
 
for (var i = 0; i < groups.length; i += 2) { 
 
    
 
    var aFirst = $(groups[i]).find('.team_td:eq(0)').get(0); 
 
    var aSecond = $(groups[i]).find('.team_td:eq(1)').get(0); 
 
    var bFirst = $(groups[i + 1]).find('.team_td:eq(0)').get(0); 
 
    var bSecond = $(groups[i + 1]).find('.team_td:eq(1)').get(0); 
 
    
 
    $('body').append('<div>' + aFirst.id + ' v ' + bSecond.id + '</div>'); 
 
    $('body').append('<div>' + bFirst.id + ' v ' + aSecond.id + '</div>'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table id="groupStage"> 
 
    <tbody> 
 
    <tr> 
 
     <th>Group A</th> 
 
     <th>Group B</th> 
 
     <th>Group C</th> 
 
     <th>Group E</th> 
 
     <th>Group F</th> 
 
     <th>Group G</th> 
 
     <th>Group H</th> 
 
     <th>Group I</th> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <table id="id1" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item11"> 
 
       11 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item21"> 
 
       21 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item31"> 
 
       31 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item41"> 
 
       41 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id2" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item12"> 
 
       12 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item22"> 
 
       22 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item32"> 
 
       32 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item42"> 
 
       42 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id3" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item13"> 
 
       13 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item23"> 
 
       23 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item33"> 
 
       33 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item43"> 
 
       43 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id4" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item14"> 
 
       14 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item24"> 
 
       24 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item34"> 
 
       34 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item44"> 
 
       44 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id5" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item15"> 
 
       15 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item25"> 
 
       25 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item35"> 
 
       35 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item45"> 
 
       45 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id6" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item16"> 
 
       16 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item26"> 
 
       26 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item36"> 
 
       36 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item46"> 
 
       46 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id7" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item17"> 
 
       17 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item27"> 
 
       27 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item37"> 
 
       37 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item47"> 
 
       47 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <table id="id8" class="floating"> 
 
      <tbody> 
 
      <tr> 
 
       <td class="team_td" id="item18"> 
 
       18 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item28"> 
 
       28 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item38"> 
 
       38 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="team_td" id="item48"> 
 
       48 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>