Добавить td к первой строке таблицы Object с помощью JQuery

Question

Я знаю, что это должно быть очень легко, но я еще не понял этого.Я хотел бы добавить

в первый ряд моей таблицы.Я пытался с этим:

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

Но это не сработало.Я также использовал это:

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

Но, как и ожидалось, я получил следующую ошибку:

Uncaught Синтаксическая ошибка, нераспознанное выражение: [объект Object]

Все остальное работает правильно с моим объектом Object.

Answer 1

Примерно так должно работать:

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

Answer 2

попробуй

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

подробнее

Answer 3

Вы хотите использовать .find(), поскольку .get() принимает в качестве параметра только целые числа:

Из документов:

Целое число, начинающееся с нуля, указывающее, какой элементretrieve.

Так что замените .get() для .find():

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

Это предполагает, что $table является объектом jQuery элемента таблицы, который вы хотите изменить.Например, $table = $('table');

Вот jsfiddle вышеупомянутого решения: http://jsfiddle.net/jasper/SRsnq/

Answer 4

попробуйте следующее:

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

Answer 5

Вот рабочий пример для 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>');
});