Question

I’m trying to append a row to the html format of an asp data grid. My grid is having paging and that too is converted as a row in the html format. So, I added a class to the rows with the actual records. Now, i need to append an html table row to the grid. This should be appended towards the end of the records. Somebody knows how to do this?

Table Structure:

<table>
    <th>
    </th>
    <tbody>
        <tr class="clientData">1</tr>
        <tr class="clientData">2</tr>
        <tr class="clientData">3</tr>
        <tr>Exclude This Row</tr>
        <tr>Exclude This Row</tr>
    </tbody>
</table>

Script:

{ $("#ctl00_Content_GrdCustomer tbody").append(selCustomersRow); } // 

Answer 1

Something like

$('#ctl00_Content_GrdCustomer tbody tr.clientData').last().after(selCustomersRow);

Or like Angel’s comment, select directly the last tr.clientData :

$('#ctl00_Content_GrdCustomer tbody tr.clientData:last').after(selCustomersRow);

http://api.jquery.com/after/