Cross browser adding row to table- JQuery?

Question

Does anyone know a good way to dynamically add a row to a table in jQuery?

Possible duplicate: http://stackoverflow.com/questions/171027/add-table-row-in-jquery — Luwe, Sep 02 '11 at 08:50

score 0 · Answer 1 · answered Sep 02 '11 at 08:48

0

Try

$('table').append('<tr><td>Foo</td></tr>');

answered Sep 02 '11 at 08:48

Franquis

use table_id instead of table. If a page contains more then one table then it will create problem. – munjal Sep 02 '11 at 08:54

score 0 · Accepted Answer · answered Sep 02 '11 at 08:53

0

Technically for a cross browser implementation you should do $('table tbody').append("Foo")

Since IE doesn't automatically add the tbody for you but other browsers do.

answered Sep 02 '11 at 08:53

HaloZero

Won't this add a foo for each tbody in the table? – cHao Sep 02 '11 at 13:00
There's USUALLY only one tbody per table. But if you have multiple yes, this won't work. I believe the link Luwe goes into more possibilities and cases. – HaloZero Sep 02 '11 at 18:49

2 Answers2