select a row in a table

Select a row and get it's data

by Rohit Bisht

HTML

<table class="myTable">
           <tr class="table">
                <th class="table">
                    Client ID
                </th>
                <th class="table">
                    Client Name
                </th>
                <th class="table">
                    Client Address
                </th>
            </tr>
            <tr class="table">
                <td class="table">
                    Client IDxx
                </td>
                <td class="table">
                    Client Namexxx
                </td>
                <td class="table">
                    Client Addressxxxx
                </td>
            </tr>
            <tr class="table">
                <td class="table">
                    Client IDyyy
                </td>
                <td class="table">
                    Client Nameyyy
                </td>
                <td class="table">
                    Client Addressyyyy
                </td>
            </tr>
</table>

JavaScript

$("tr.table").click(function() {
    var tableData = $(this).children("td").map(function() {
        return $(this).text();
    }).get();

    alert("Your data is: " + $.trim(tableData[0]) + " , " + $.trim(tableData[1]) + " , " + $.trim(tableData[2]));
});