如何获取每一行中的每个单元格值

时间:2017-07-21 07:55:26

标签: jquery asp.net model-view-controller web

我正在尝试学习asp,现在我遇到了这种情况,我必须首先列出数据列表然后将其插入我的数据库。

我使用了html表,其中每个条目都附加到表中,当用户对列表感到满意时,当按钮被保存时,它将在表的每一行中插入每个数据。我该怎么做才能将它用于我的ajax?

示例html表:

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

1 个答案:

答案 0 :(得分:0)

您可以使用JQuery find方法



$("#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>
&#13;
&#13;
&#13;