使用JQuery将td附加到表Object的第一行

时间:2011-11-08 19:24:38

标签: jquery html-table

我知道这应该非常容易,但我还没想出来。我想追加一个< TD>到我桌子的第一排。我试过这个:

$table.get('tr:first').append("<td>Well "+(wellN)+"</td>");

但它没有用。我也用过这个:

$($table +' tr:first').append("<td>Well "+(wellN)+"</td>");

但正如预期的那样,我收到了以下错误:

  

未捕获的语法错误,无法识别的表达式:[object Object]

其他所有内容都与我的表Object一致。

5 个答案:

答案 0 :(得分:0)

以下是jsFiddle

的工作示例

<强> HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>    
<a>click me</a>

<强> JAVASCRIPT

$('a').click(function() {
    $('table').find('tr:first').append('<td>Works!</td>');
});

答案 1 :(得分:0)

您希望.find()使用.get()只将整数作为参数:

来自文档:

  

从零开始的整数,表示要检索的元素。

.get()更改.find()

$table.find('tr:first').append("<td>Well "+(wellN)+"</td>");

这假设$table是要更改的表元素的jQuery对象。例如。 $table = $('table');

以上是上述解决方案的一个方面:http://jsfiddle.net/jasper/SRsnq/

答案 2 :(得分:0)

尝试以下方法:

$table.find('tr:first').append("<td>Well "+(wellN)+"</td>");

答案 3 :(得分:0)

$table.find('tr').first().append('<td>:)</td>')

more info

答案 4 :(得分:0)

这样的事情应该有效:

$("#mytable tr:first").append($("<td>").text("Foo"));