jQuery

function createTable() {
    mytable = $('<table></table>').attr({ id: "mytable" });
    var rows = new Number($("#rowcount").val());
    var cols = new Number($("#columncount").val());
    var tr = [];

    if ((row && cols) != "") {
        for (var i = 0; i < rows; i++) {
            var row = $('<tr></tr>').attr({ class: ["row", "row"+i].join(' ') }).appendTo(mytable);

            for (var j = 0; j < cols; j++) {
                $('<td></td>').attr({ class: ["cell", "cell"+j].join(' ') }).text("Cell " + j).appendTo(row);
            }
        }
    } else {
        alert("Error");
    }

    mytable.appendTo("#sandbox2");
}
function removeTable() {
    $('table#mytable').remove();
}

html

Rows:<br />
<input type="number" min="1" max="12" id="rowcount" /><br /><br />

Columns:<br />
<input type="number" min="1" max="12" id="columncount" /><br /><br />

<input type="button" onclick="removeTable(); createTable();" value="Create Table" />  
<input type="button" onclick="removeTable();" value="Clear" />

<div id="sandbox2"></div>

Выразить благодарность

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

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

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