dynamische Tabelle jquery

Question

Hallo Ich versuche, eine dynamische Tabelle mit unterschiedlicher Anzahl von Zeilen zu haben, hängt von der Anzahl der Daten ab, wie kann das jemand mir zeigen? Ich habe versucht, aber mein Code nur eine Zeile hinzufügen Ich weiß nicht, wie man es macht, um verschiedene Anzahl von Zeilen hinzufügen Ich habe 2 Arten von Daten, so dass in jeder Zeile gibt es Benutzername Spalte und Benutzeradresse Spalte.

$(document).ready(function(){ 
$("#getdata").click(function() { 
    var value1=$("#user_name").val(); 
      $("#tr1").append(value1);  
var value2=$("#user_address").val(); 
      $("#tr2").append(value2); 
      value1.append(value2)})}) 

Ich denke, was ich tun muss, ist, herauszufinden, wie die Datennummer und stellen Sie eine Schleife in der tr aber Iam nicht sicher, wie das zu tun,

Vielen Dank im Voraus LS

Answer 1

I Denken Sie, was Sie suchen, ist this.

Script

var $table = $("#tblData"); 
var $userName = $("#userName"); 
var $userAddress = $("#userAddress"); 
$("#btnAdd").click(function(){ 
    $table.append("<tr><td>"+ $userName.val() +"</td><td>"+ $userAddress.val() +"</td></tr>") 
    $userName.val(""); 
    $userAddress.val(""); 
}); 

können Sie eine Validierung hinzufügen, ob Name und Anschrift sowohl Benutzer zu überprüfen, durch den Benutzer eingegeben wird.