добавить строку после первой строки в HTML-таблице

Question

у меня var row=<tr><td>val</td><td>val2</td></tr> и я попробовал это:

$("#mainTable tbody").append(row);

но он добавляется в конец таблицы.

Тоже попробовал $("#mainTable tr:first").after().append(row);

Но пока не получили результата.

Пожалуйста, помогите мне понять.

Answer 1

Попробуйте это:

$("#mainTable tr:first").after(row);

http://api.jquery.com/after/

Answer 2

InsertAfter - это то, что вы ищете:

var row='<tr><td>val</td><td>val2</td></tr>';
$(row).insertAfter("#mainTable tr:first");

Answer 3

Вы можете использовать метод prepend JQuery, который вставляет в качестве первого потомка:

$("#mainTable tbody").prepend(row);

Готовая документация