jquery append td

Question

I am trying to append a td after the end of an existing td. Below is the following code (I am doing it in jqgrid).

$("#list_toppager_center tr:first td:eq(7)").append("<td class='ui-paging-info'>Col/td>");

I see that column gets added, but it gets added below the column I am trying to append to instead of adding beside. Is the above solution the right way to do it?

What does the rest of the table look like? How many other tds are there? — Pekka, Jan 14 '11 at 19:26

score 7 · Accepted Answer · edited Jun 01 '22 at 20:34

7

Something like that should help hopefully:

$(function(){
    $("#list_toppager_center tr:first td:last").after("<td class='ui-paging-info'>Col</td>");
});

edited Jun 01 '22 at 20:34

Dharman

26,923
21
73
125

answered Jan 14 '11 at 19:32

Greg

1,354
10
11

score 1 · Answer 2 · answered Jan 14 '11 at 19:27

1

You are missing a < on the closing </td>. I also think you want to select the row and append to that; you are adding a cell inside of a cell, which would make invalid HTML.

answered Jan 14 '11 at 19:27

toby

887
3
10
21

score 0 · Answer 3 · edited Jun 01 '22 at 20:34

0

Tables have rows each with the same number of columns... You might add the append for each of the other rows (past row 1).

see: jQuery add HTML table column

$("#list_toppager_center tr:first").append("<td class='ui-paging-info'>New Col<td>");<br />
$("#list_toppager_center tr:gt(0)").append("<td> </td>");<br />

edited Jun 01 '22 at 20:34

Dharman

26,923
21
73
125

answered Jan 14 '11 at 19:30

John K.

5,340
1
19
20

jquery append td

3 Answers3