2017-04-21 7 views
-3

J'ai ce tableau HTML balisageobtenir des valeurs de colonne de table HTML dans le tableau

<table id="tblPtPrtDtl"> 
 
    <tbody><tr> 
 
    <th>File Number</th> 
 
    <th>Name</th> 
 
    <th>Status</th> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">3344</button></td> 
 
    <td>Maria Anders</td> 
 
    <td>Germany</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">4323</button></td> 
 
    <td>Francisco Chang</td> 
 
    <td>Mexico</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">3466</button></td> 
 
    <td>Roland Mendel</td> 
 
    <td>Austria</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">5432</button></td> 
 
    <td>Helen Bennett</td> 
 
    <td>UK</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">3455</button></td> 
 
    <td>Yoshi Tannamuri</td> 
 
    <td>Canada</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">4563</button></td> 
 
    <td>Giovanni Rovelli</td> 
 
    <td>Italy</td> 
 
    </tr> 
 
</tbody></table>

Comment puis-je obtenir les valeurs de la colonne (numéro de fichier) en tableau, en utilisant la fonction de carte?

J'ai essayé le code suivant mais j'ai un tableau vide, pourquoi?

var arr = []; 
     $("#tblPtPrtDtl tr").each(function() { 
      arr.push($(this).find($('tr:not(:first)')).text()); //put elements into array 

     }); 
+0

Et ce que vous avez essayé si loin?? –

+0

Soyez plus précis –

+0

J'ai donné un identifiant à la colonne et j'ai utilisé ce code var r = $ ("# tblPtPrtDtl #prfn"). Text(); alert (r) je reçois toutes les valeurs mais comment je peux les pousser dans le tableau – JSON

Répondre

0

var arr = $('#tblPtPrtDtl tr').find('td:first').map(function(){ 
 
return $(this).text() 
 
}).get() 
 

 
function readval(){ 
 
alert(arr) 
 
}
<table id="tblPtPrtDtl "> 
 
    <tbody><tr> 
 
    <th>File Number</th> 
 
    <th>Name</th> 
 
    <th>Status</th> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn "><button id='prtfilenum' type='button' ">3344</button> 
 
</td> 
 
<td>Maria Anders</td> 
 
<td>Germany</td> 
 
</tr> 
 
<tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">4323</button></td> 
 
    <td>Francisco Chang</td> 
 
    <td>Mexico</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn "><button id='prtfilenum' type='button' ">3466</button> 
 
    </td> 
 
    <td>Roland Mendel</td> 
 
    <td>Austria</td> 
 
</tr> 
 
<tr> 
 
    <td id="prfn"><button id='prtfilenum' type='button' ">5432</button></td> 
 
    <td>Helen Bennett</td> 
 
    <td>UK</td> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn "><button id='prtfilenum' type='button' ">3455</button> 
 
    </td> 
 
    <td>Yoshi Tannamuri</td> 
 
    <td>Canada</td> 
 
</tr> 
 
<tr> 
 
    <td id="prfn"> 
 
    <button id='prtfilenum' type='button' ">4563</button></td> 
 
    <td>Giovanni Rovelli</td> 
 
    <td>Italy</td> 
 
    </tr> 
 
</tbody></table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id='Get' type='button' onClick= "readval();return false " >Get Vals</button> 
 
<table id="tblPtPrtDtl" > 
 
    <tbody> 
 
    <tr> 
 
    <th>File Number</th> 
 
    <th>Name</th> 
 
    <th>Status</th> 
 
    </tr> 
 
    <tr> 
 
    <td id="prfn "><button id='prtfilenum' type='button' ">3344</button> 
 
    <td>Maria Anders</td> 
 
<td>Germany</td> 
 
</td> 
 
    </tr> 
 
    <tr> 
 
<td id="prfn"><button id='prtfilenum' type='button' ">4323</button></td> 
 
    <td>Francisco Chang</td> 
 
    <td>Mexico</td> 
 
    </tr> 
 
</tbody> 
 
</table>

ok j'ai trouvé le moyen d'obtenir les valeurs de la première colonne dans le tableau

function gettbldta() { 
     var arr = []; 
     $("#tblPtPrtDtl tr:not(:nth-child(1))").each(function() { 
      arr.push($(this).find("td#prfn:eq(0)").text()); //put elements into array 
      arr.shift 
     }); 
     alert(arr) 
1

l'essayer

var col_Array = $('#tableid td:nth-child(3)').map(function(){ 
     return $(this).text(); 
    }).get()​; 
+0

Ne fonctionne pas, je reçois aussi un tableau vide – JSON