agregar nuevas filas a la tabla al hacer clic en el botón en jquery

Soy bastante nuevo para jquery … tengo el siguiente código. aquí quiero obtener nuevas filas en la tabla al hacer clic en el botón Agregar … pero no puedo obtenerlo.,

¿alguien puede decirme qué error he hecho aquí?

     Adding Next Rows      h3 { color:#0000FF; display:inline-block; } .pdzn_tbl1 th { background:#DFDFDF; border:#D6D6D6 1px solid; } .pdzn_tbl1 td { border-right:#729111 1px solid; border-bottom:#729111 1px solid; padding-top: 5px; }    

Adding Next Rows

function ajax() { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("Your browser does not support XMLHTTP!"); return; } } var $ = jQuery.noConflict(); $("#addrows").click(function () { if(document.getElementById("hiddenprice").value == "") { imagecounter = 4; } else { imagecounter = parseFloat(document.getElementById("hiddenprice").value) + 1; } //imagecounter=4; var newImageDiv = $(document.createElement('div')) .attr("id", 'add_div' + imagecounter); /*onchange="return fn_productname(this.value,\'prdname'+imagecounter+'\')"*/ newImageDiv.after().html(''+ ''+ '' + ''+''+''+'
'+'<input type="text" name="rollno" />' + ''+ '<input type="text" name="firstname" />'+''+'<input type="text" name="lastname" />'+'
'); newImageDiv.appendTo("#addgroup"); $("tr:last").after(newImageDiv); document.getElementById("hiddenprice").value = imagecounter; imagecounter++; });
<?php $t_row=3; for($i=1;$i
Roll No First Name Last Name
<input type="text" name="rollno" /> <input type="text" name="firstname" /> <input type="text" name="lastname" />
 

gracias por adelantado..!!!!

Muestra DEMO para agregar una nueva fila

 $("#addrows").click(function () { $("#mytable").each(function () { var tds = ''; jQuery.each($('tr:last td', this), function () { tds += '' + $(this).html() + ''; }); tds += ''; if ($('tbody', this).length > 0) { $('tbody', this).append(tds); } else { $(this).append(tds); } }); }); 

Actualizado: Aquí div cierra en el lugar equivocado, debe terminar antes de cierre tr, puede ser que es el error

  
// right // wrong

DEMO ACTUALIZADA 2

Eche un vistazo a Agregar fila de tabla en jQuery

que da la solución

 $('#maintable tr:last').after('............'); 

Como se explica aquí, una solución con after es preferible a append .

Notas

  • No mezcle acceder a elementos DOM con jquery con el enfoque con getElementById .
  • Como está utilizando jQuery, no es necesario que haga su propia función AJAX.

Código de demostración

http://jsfiddle.net/A5dT6/1/

intenta algo como esto, FIDDLE

  $(function () { $("#addRows").click(function () { $("#maintable").append("  New Row ") }); }) 

prueba el código a continuación

  $("#addrows").click(function(){ $("#maintable").append("  Data Here ") }); 

Puedes usar

 $('#maintable tr:last').after(' Add_Content_Here '); 

Pruebe este código para agregar nueva fila dinámicamente en la tabla usando jquery.

      


Creo que el problema es que no has agregado el código jQuery al archivo, solo veo los siguientes dos bloques de scripts:

   

y parece que no tienen jQuery en crudo.

Intenta agregar la siguiente línea también.