Tengo el siguiente codigo que no me funciona. $(document).ready(funcPrincipal());
function funcPrincipal()
{
$("#btnNuevoAlineamiento").on('click', funcNuevoAlineamiento());
}
function funcNuevoAlineamiento()
{
$("#tablaAlineamientos")
.append
(
$('<tr>')
.append
(
$('<td>')
.append
(
$('<input>').attr('type', 'text').addClass('form-control').attr('name', 'estrategias[]')
)
)
.append
(
$('<td>')
.append
(
$('<input>').attr('type', 'text').addClass('form-control').attr('name', 'alineamientos[]')
)
)
.append
(
$('<td>').addClass('text-center')
.append
(
$('<div>').addClass('btn btn-danger').text('Eliminar')
)
)
);
}
y la tabla es la siguiente:
<label for="tablaAlineamientos">
Agregar grupo familiar
<div class='btn btn-success' id="btnNuevoAlineamiento">Nuevo</div>
</label>
<table class='table table-bordered table-hover' id="tablaAlineamientos">
<tr>
<th>Estrategia</th>
<th>Alineamiento</th>
<th>Opciones</th>
</tr>
<tr>
<td><input type="text" class="form-control" name="estrategias[]" value=""></td>
<td><input type="text" class="form-control" name="alineamientos[]" value=""></td>
<td class="text-center">
<div class='btn btn-danger'>Eliminar</div>
</td>
</tr>
</table>