Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add table cell to existing table row, jQuery

I'm trying to add values to a table using jQuery - unfortunately, I don't know how to get jQuery to add table cells to an existing row. For example:

$("<td><a href='#'>" + key + "</a></td>").click(function(e) {
    e.preventDefault();
    testset(key);
}).appendTo('#table1');

This adds cells to the end of the table with id table1. What would be the best way to go about adding cells to an existing table row (<tr>) using jQuery? Quick google hasn't revealed anything. Regards,

SystemError

like image 461
SystemError Avatar asked Oct 24 '11 11:10

SystemError


1 Answers

.appendTo('#table1 #rowId');

Or you could do:

.appendTo('#table1 tr:nth-child(5)');

http://api.jquery.com/nth-child-selector/

like image 132
Mike Thomsen Avatar answered Nov 11 '22 14:11

Mike Thomsen