Написать

Тёмная тема

Написать

Тёмная тема

html-tablejqueryhtml

Как создать новую таблицу со строками, используя jquery, и обернуть ее внутри div

Я хотел бы создать таблицу внутри элемента div

В моем файле .html у меня есть это

В моем js-файле я хочу разместить новую таблицу со строками и данными

Как я могу это реализовать?

Ответы на вопрос(5)

Например, вы получили данные JASON от сервера.

        var obj = JSON.parse(msg);
        var tableString ="";
        tableString +="NameCityBirthday";


        for (var i=0; i
Решение Вопроса

Предполагая, что у вас есть HTML-код для таблицы, вы можете просто создать из него объект jQuery и добавить его в DIV. Если у вас есть данные, вы 'Вам нужно будет перебрать его, создать ячейки / строки из данных и добавить их независимо.

$('.....').appendTo( '#div1' );

или же

var data = [ [ 1, 2, 3 ], [ 4, 5, 6 ], [7, 8, 9 ] ];

var html = '...';
for (var i = 0, len = data.length; i < len; ++i) {
    html += '';
    for (var j = 0, rowLen = data[i].length; j < rowLen; ++j ) {
        html += '' + data[i][j] + '';
    }
    html += "";
}
html += '....';

$(html).appendTo('#div1');

var newContent = $('');
var insertLocation = $('#div1');
insertLocation.append(newContent);

Есть много разных способов, которыми вы могли бы пойти с этим. Один из способов сделать что-то вроде этого:

// $(document).ready() makes sure that nothing happens until the page
// is fully loaded. It's important because the div may not have loaded
// yet if you put code outside of this
$(document).ready( function() {
    $("#div1").append(
        "My column 1, row 1" +
        "My column 2, row 2" +
        "My column 1, row 2" +
        "My column 2, row 2");
});

Это поместит полную таблицу в ваш div, проанализированный как HTML. Другой способ, если вы хотите добавить каждую строку отдельно, будет:

$(document).ready(function() {
    $("#div1").append("");
    $("#my_table1").append("Row 1");
    ... insert more rows here ...
    $("#my_table1").append("Row ...");
});

Это'Важно понимать, что.append() поместит введенный вами HTML или текствнутри любого элемента, который вы выбрали с помощью селектора знака доллара ()$("selector text")

HTML, имеющий такую структуру:

Это код jquery

    $(document).ready(function(){
    var row,col,rowid,colid;

    for(i=0;i

Ваш ответ на вопрос

Популярные вопросы

0 ответов

Как установить значение по умолчанию для всех ключей объекта dict в python?

0 ответов

Как ждать завершения всех потоков, используя ExecutorService?

0 ответов

Применить команду ко всем коммитам

0 ответов

Импорт не работает с JavaScript в PhpStorm / Webstorm

0 ответов

PHP-код для получения выделенного текста поля со списком