2012-04-08 34 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