2012-04-08 69 views
0

我想动态地添加行到我的网站上有很多表的特定表。我使用下面的jquery来执行该任务。然而,在appendto方法中,如果我放入addrow的传递变量,它会将该行添加到我的所有表中,但如果使用文本指定它的工作正常。jquery添加行到表

function addrow(id){ 

    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("[id] tbody"); 

} 

ID为“#5A7”

这样的行被添加到我的所有表

function addrow(id){ 

    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("#5a7 tbody"); 

} 

如果我不喜欢这样,它工作正常,只增加了该行的那张桌子。

任何想法?

回答

1

更改addrow功能这样

function addrow(id){ 
    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("#"+id+" tbody"); 
} 

工作样本http://jsfiddle.net/5SVAJ/11/

ID的元素的应该是唯一的因素。

+0

这很好,任何想法为什么以这种方式添加行扩展我的表? – user541597 2012-04-08 05:25:14

0

这是我做的:

$('#my_table > tbody:last').find('tr:last').after(/*data to append*/); 
+0

这将它插入到我最后一个表的末尾,我希望它被插入表中为该特定的id。 – user541597 2012-04-08 05:00:40

+0

#my_table> tbody:最后指向ID #my_table的最后一个表格主体。接下来,我们找到最后一个tr(find('tr:last'))。最后,在最后一个主体的最后一个tr之后,我们添加一个新行。接受的答案各不相同,除非你碰巧有不止一个tbody,在接受的答案中,你将追加到第一个tbody,在这个答案中,你将追加到最后。 – Mbrevda 2012-04-10 07:56:21