Question

Can I iterate through table with id=”tbl” using JQuery with three columns and collect this value in three javascript arrays ?

Answer 1

Here is an example

http://jsfiddle.net/SpE7F/

Javascript:

$().ready(function(){
    var trArray = []
    $('#tbl tr').each(function(){
            var tdArray = []
            $(this).find('td').each(function(){
                tdArray.push($(this).text())
            })
            trArray.push(tdArray)     
    })
    //console.log(trArray)
    for(row = 0; row < trArray.length; row++){
        for(cell = 0; cell < trArray[row].length; cell++){
            alert('row: '+row+', cell: '+cell+' value: '+trArray[row][cell])   
        }
    }
})

HTML

<table id="tbl" border="1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>        
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>        
    </tr>    
</table>