添加项(表行)jQuery

时间:2012-09-09 14:51:06

标签: jquery html

我正在尝试在TD项目中添加更多行。所以,当我点击一个链接时,所有TD都会获得额外的TR。

<td>
    <tr>Test</tr>
    <tr>Test</tr>
    <tr>Test</tr>
</td>

<td>
    <tr>Test</tr>
    <tr>Test</tr>
    <tr>Test</tr>
</td>

<td>
    <tr>Test</tr>
    <tr>Test</tr>
    <tr>Test</tr>
</td>

我一直在尝试这个,

$('#add_rows').click(function()
{
    $("td").append("<tr>Test</tr>");
});

但它不起作用......我做错了什么?

1 个答案:

答案 0 :(得分:1)

您的表格结构不正确。 <tr> T能够R,因此,他们拥有<td>TD ata)项。您的选择器表达式是正确的,但正如我所说,您的结构不正确,因此您的代码不起作用。看看:http://jsfiddle.net/h6K66/

所以,你只需要颠倒你的结构。