ダイナミックテーブルjquery

Question

こんにちは私は、行数が異なる動的テーブルをデータの数に応じてどのようにするかを誰かに教えてもらえるようにしようとしていますか？私はしようとしたが、私のコードは1行だけを追加する方法を知らない私は2行のデータを持っているので、各行にユーザー名列とユーザーアドレス列があります。

$(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にループを設定しているが、事前にその

感謝を行う方法IAMがわからない LS

Answer 1

私はあなたが探しているものはthisだと思います。

スクリプト

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

ユーザー名とアドレスの両方がユーザによって入力されたかどうかを確認するために検証を追加することができます。