Breaking News: Grepper is joining You.com. Read the official announcement!

javascript get table row cell value

Ivan Londono answered on November 7, 2022 Popularity 9/10 Helpfulness 8/10

answer javascript get table row cell value

javascript get table row cell value

Comment

//if you know which row and wich col search:
//plain javascript:
function GetCellValues() {
    var table = document.getElementById('mytable');
    for (var r = 0, n = table.rows.length; r < n; r++) {
        for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
            alert(table.rows[r].cells[c].innerHTML);
        }
    }
}

/*or with jQuery with the following sintax in the html:
<table border='1' id="myTable">
<tr>
<th>Id</th>
<th>Product Name</th>
<th>Description</th>
<th>Action</th>
</tr>
<tr>
<td>1</td>
<td>Moto G</td>
<td>Moto G next generation smart phone</td>
<td><button class="btnSelect">Select</button></td>
</tr>
<tr>
<td>2</td>
<td>Iphone SE</td>
<td>Iphone laucnhed new phone bosy of 5s with feature of 6s</td>
<td><button class="btnSelect">Select</button></td>
</tr>
</table>
*/
$(document).ready(function(){

    // code to read selected table row cell data (values).
    $("#myTable").on('click','.btnSelect',function(){
         // get the current row
         var currentRow=$(this).closest("tr"); 
         
         var col1=currentRow.find("td:eq(0)").text(); // get current row 1st TD value
         var col2=currentRow.find("td:eq(1)").text(); // get current row 2nd TD
         var col3=currentRow.find("td:eq(2)").text(); // get current row 3rd TD
         var data=col1+"\n"+col2+"\n"+col3;
         
         alert(data);
    });
});

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: cell get javascript row

Link to this answer
Share Copy Link

Contributed on Nov 07 2022

Ivan Londono

0 Answers Avg Quality 2/10

javascript get table row cell value

Contents

More Related Answers

javascript get table row cell value

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.