Javascript 动态表jquery

嗨，我正在尝试创建一个动态表，它的行数取决于数据的数量，有人能告诉我怎么做吗？我试过了，但我的代码只添加了一行，我不知道如何添加不同数量的行。我有两种类型的数据，所以每行都有用户名列和用户地址列

$(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)})})

我想我需要做的是找出数据编号，并在tr中设置一个循环，但我不确定如何做到这一点

提前感谢

---

我想你要找的是

剧本

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("");
});

var$table=$（“#tblData”）；
var$userName=$（“#userName”）；
var$userAddress=$（“#userAddress”）；
$（“#btnAdd”）。单击（函数（）{
$table.append（“+$userName.val（）+”+“+$userAddress.val（）+”）
$userName.val（“”）；
$userAddress.val（“”）；
});

---

您可以添加验证以检查用户是否同时输入用户名和地址。

是否可以使用代码标签设置代码格式。你的数据来自哪里？为什么它是可变的？