Создать таблицу на основе количества строк, столбцов в JQuery - PullRequest
Новая
       7

Создать таблицу на основе количества строк, столбцов в JQuery

3 голосов
/ 18 марта 2011

Как мне сгенерировать таблицу в jQuery на основе заданного количества строк и столбцов?

1 Ответ

15 голосов
/ 18 марта 2011

Вы можете использовать вложенные циклы, создавать элементы и добавлять их друг к другу. Вот очень простой пример, который демонстрирует создание элементов DOM и добавление их.

Вы заметите, что синтаксис $('<tag>') создаст элемент, и вы можете использовать метод appendTo , чтобы сделать именно это. Затем вы можете добавить полученную таблицу в DOM. 

var rows = 5; //here's your number of rows and columns
var cols = 5;
var table = $('<table><tbody>');
for(var r = 0; r < rows; r++)
{
    var tr = $('<tr>');
    for (var c = 0; c < cols; c++)
        $('<td>some value</td>').appendTo(tr); //fill in your cells with something meaningful here
    tr.appendTo(table);
}

table.appendTo('body'); //Add your resulting table to the DOM, I'm using the body tag for example
...