Limitar incremento de filas

[kai89]

Hola, tengo un script que incrementa una tabla cada vez que le doy a "añadir fila"

<script type="text/javascript">
jQuery(function(){
jQuery("#agregar").on('click', function(){
jQuery("#tabla tbody tr:eq(0)").clone().removeClass('fila-base').appendTo("#tabla tbody");
});
jQuery(document).on("click",".eliminar",function() {
var parent = jQuery(this).parents().get(0);
jQuery(parent).remove();
});
});
</script>

Quiero saber si hay alguna manera de limitarlo para que no se puedan añadir mas de 10 filas.

[garciasanchezdani]

Hola @kai89 , con un contador te bastaría...algo así:

Código Javascript:

<script type="text/javascript">
var contador = 0;
jQuery(function(){
jQuery("#agregar").on('click', function(){
if(contador < 10){
     jQuery("#tabla tbody tr:eq(0)").clone().removeClass('fila-base').appendTo("#tabla tbody");
     contador++;
}else{
     alert("No se pueden añadir más de 10 filas");
}
});
jQuery(document).on("click",".eliminar",function() {
var parent = jQuery(this).parents().get(0);
jQuery(parent).remove();
});
});
</script>
 

Saludos ;)

[kai89]

Que bien, muchisimas gracias por tu ayuda!!

Saludos.