各行の各セル値を取得する方法

Question

私はaspを習得しようとしていますが、今はデータのリストを作成してデータベースに挿入する必要があるこの状況に遭遇しています。

すべてのエントリがテーブルに追加されるhtmlテーブルが使用されました。ユーザーがリストを満たしているときに、ボタンが保存されると、テーブルのすべての行にすべてのデータが挿入されます。これを私のAjaxに使用するにはどうすればいいですか？

サンプルHTMLテーブル：

Name  Address  Contact 
Dave  Alpha St. 12345 
Jade  Delta St. 56789 
Elsa  Beta St. 54321 

Answer 1

を使用できJQueryfind方法

$("#btn").click(function() { 
 
    $("#sample").find("tbody tr").each(function() { 
 
    alert($(this).find("td:eq(0)").text()); 
 
    alert($(this).find("td:eq(1)").text()); 
 
    alert($(this).find("td:eq(2)").text()); 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 

 
<table id="sample"> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Address</th> 
 
     <th>Contact</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Dave</td> 
 
     <td>Alpha St.</td> 
 
     <td>12345</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Jade</td> 
 
     <td>Delta St.</td> 
 
     <td>56789</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Elsa</td> 
 
     <td>Beta St.</td> 
 
     <td>54321</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<input type="button" id="btn" value="get"></input>