Блог

Главная - Вопросы по программированию - Добавить ячейку таблицы в существующую строку таблицы, jQuery

Добавить ячейку таблицы в существующую строку таблицы, jQuery

#javascript #jquery #jquery-selectors #html-table

#javascript #jquery #jquery-селекторы #html-таблица

Вопрос:

Я пытаюсь добавить значения в таблицу с помощью jQuery — к сожалению, я не знаю, как заставить jQuery добавлять ячейки таблицы в существующую строку. Например:

 $("<td><a href='#'>"   key   "</a></td>").click(function(e) {
    e.preventDefault();
    testset(key);
}).appendTo('#table1');

Это добавляет ячейки в конец таблицы с идентификатором table1 . Каков наилучший способ добавления ячеек в существующую строку таблицы ( <tr> ) с помощью jQuery? Быстрый Google ничего не показал.
С уважением,

Системная ошибка

Комментарии:

1. Измените свой #table1 селектор, чтобы ссылаться на соответствующую строку таблицы. Было бы полезно, если бы вы объяснили больше, например, к чему tr вы хотели бы добавить, а также немного вашего HTML.

2. Проще всего было бы указать идентификатор <tr> и . или используйте селектор, такой как $('#table1 tr:last')

3. Последняя известная строка таблицы — спасибо, $(‘#table1 tr:last’) решил проблему.

Ответ №1:

 .appendTo('#table1 #rowId');

Или вы могли бы сделать:

 .appendTo('#table1 tr:nth-child(5)');

http://api.jquery.com/nth-child-selector/

Ответ №2:

Вы должны добавить их в определенную строку, а не в таблицу:

 $("<td><a href='#'>"   key   "</a></td>").click(function(e) {
    e.preventDefault();
    testset(key);
}).appendTo('#table1 tr#yourrowId');