Ejercicio tablas completo


$(function () {
    function celdas(){
        $('td').mouseenter(function () {
            $(this).addClass("destacado");
        });
        $('td').mouseleave(function () {
            $(this).removeClass("destacado");
        });
    }
    $('#crear').click(function () {

        var tabla = "";
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        for (var i = 0; i < filas; i++) {
            tabla += "";
            for (var j = 0; j < columnas; j++) {
                tabla += "";
            }
            tabla += "";
        }

        tabla += "
#
"; $('#resultado').html(tabla); celdas(); }); $('#crear2').click(function () { var tabla = ""; var filas = $('#filas').val(); var columnas = $('#columnas').val(); var fila = ""; for (var i = 0; i < columnas; i++) { fila += ""; } for (var i = 0; i < filas; i++) { tabla += "" + fila + ""; } tabla += "
#
"; $('#resultado').html(tabla); }); $('#crear3').click(function () { var tabla = "
"; $('#resultado').html(tabla); var filas = $('#filas').val(); var columnas = $('#columnas').val(); for (var i = 0; i < filas; i++) { $('tbody').append(""); } for (var i = 0; i < columnas; i++) { $('tr').append("#"); } }); $('#aumentar').click(function () { $('#fila_nueva').click(); $('#col_nueva').click(); }); $('#fila_nueva').click(function () { var fila = $('tr').html(); $('table').append("" + fila + ""); celdas(); }); $('#col_nueva').click(function () { $('tr').append("#"); celdas(); }); $('#rellenar').click(function () { $('td').text($('#contenido').val()); }); $('#numerar').click(function () { var cont = 1; $('td').each(function () { $(this).text(cont); cont++; }); }); });