obtenir des valeurs de la table sous forme de paires de valeurs-clés avec jquery

Question

J'ai une table:

<table class="datatable" id="hosprates"> 
       <caption> hospitalization rates test</caption> <thead> 
       <tr> 
        <th scope="col">Funding Source</th> <th scope="col">Alameda County</th> <th scope="col">California</th> 
       </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <th scope="row">Medi-Cal</th> 
         <td>34.3</td> 
         <td>32.3</td> 
        </tr> 
        <tr> 
         <th scope="row">Private</th> 
         <td>32.2</td> 
         <td>34.2</td> 
        </tr> 
        <tr> 
         <th scope="row">Other</th> 
         <td>22.7</td> 
         <td>21.7</td> 
        </tr> 
       </tbody> 
      </table> 

je veux récupérer la colonne 1 et la colonne 2 valeurs par ligne sous forme de paires qui finissent par ressembler à ce [financement, nombre] , [financement, nombre]

Je l'ai fait jusqu'à présent, mais quand je l'alerter, il montre seulement [objet, objet] ...

var myfunding = $('#hosprates tbody tr').each(function(){ 
    var funding = new Object(); 

    funding.name = $('#hosprates tbody tr td:nth-child(1)').map(function() { 
       return $(this).text().match(/\S+/)[0]; 
      }).get(); 
    funding.value= $('#hosprates tbody tr td:nth-child(2)').map(function() { 
       return $(this).text().match(/\S+/)[0]; 
      }).get(); 

}); 
alert (myfunding); 

Answer 1

var result = $('#hosprates tbody').children().map(function() { 
    var children = $(this).children(); 

    return { 
     name: children.eq(0).text(), 
     value: children.eq(1).text() 
    }; 
}).get(); 

Cela va construire un tableau sous la forme:

[ 
{ name : "...", value: "..." }, 
{ name : "...", value: "..." }, 
{ name : "...", value: "..." } 
] 

etc

Pour obtenir le nom de la première ligne, utilisez:

alert(result[0].name); 

Pour la valeur:

alert(result[0].value); 

Edit: si vous voulez que le résultat EXACTEMENT comme vous spécifiez:

var result = $('#hosprates tbody').children().map(function() { 
    var children = $(this).children(); 

    return "[" + children.eq(0).text() + "," + children.eq(1).text() + "]" 
}).get().join(","); 

Answer 2

Essayez ceci alors (demo):

var funding = $('#hosprates tbody tr').map(function(){ 
    return [[ $(this).find('th').eq(0).text() , // find first and only <th> 
      $(this).find('td').eq(0).text() ]]; // find first <td> in the row 
    }).get(); 

    alert(funding); // Output: Medi-Cal,32.3,Private,34.2,Other,21.7 

L'affichage d'alerte ne montre que les données contenues dans le tableau, il est en fait formaté comme ceci:

[["Medi-Cal", "32.3"], ["Private", "34.2"], ["Other", "21.7"]] 

vous pouvez donc obtenir le Medi-Cal données comme ceci:

alert(funding[0][0] + ' -> ' + funding[0][1]); // output: Medi-Cal -> 34.3