thead - JQuery Delete Row en tablas dinámicas

tabla con scroll

Question

Estoy creando una página de registro donde el usuario puede registrar a otras personas. Lo hice para que la tabla solo muestre si el usuario selecciona una determinada opción. También agregué el botón Agregar y eso agrega filas perfectamente bien. El problema es cuando agrego la función para el botón eliminar todo se rompe. Aquí está mi html:

<div id="add_table" style="display:none;" >
    <button type="button" id="AddLine">Add Line</button>
    <table border="1px" id="table">
        <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Phone</td>
            <td>Email</td>
            <td>Ethnicity</td>
        </tr>
        <tr>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><button type="button">delete</button></td>
        </tr>
    </table>​
</div>

Y aquí está mi código jquery:

$(document).ready(function(e) { 
    $("input[name= ''Reg_num_r'']").change( function () {
        if($(this).val()==1) {
            $("#add_table").hide();
        } else {
            $("#add_table").show();
        }
    });

    /*$("#table").on("click", "button", function() {
       $(this).closest("tr").remove(); 
    });​*/

    $("#AddLine").click(function () {
        var row = "<tr><td><input type=text /></td><td><input type=text /></td><td><input type=text /></td><td>                   <input type=text /></td><td><input type=text /></td><td><button type=button>delete</button></td></tr>";
        $("#table").append(row);
    });
});

Ahora cuando elimino el comentario del código anterior, todo deja de funcionar. La tabla simplemente no aparece incluso si el usuario selecciona la opción correcta. ¿Cómo debo solucionarlo para que ejecute correctamente la operación Eliminar fila?

Answer 1

Ctrl + C Ctrl + V desde su código:

/*$("#table").on("click", "button", function() {
    $(this).closest("tr").remove(); 
});​*/

Hay un espacio de 0 de ancho después del último punto y coma, haga clic en editar y use las teclas de flecha para verlo. Es un carácter ilegal en JavaScript y genera un error de sintaxis.

Ese es un problema común al copiar código de jsFiddle y otros lugares.

Recomiendo tener a mano una copia de Notepad ++ para revisar el código copypasta, ¿muestra esos caracteres invisibles como ? por defecto:

También puede descomentar el código y probarlo en JSHint , le dirá en qué línea hay un carácter no válido.