获取HTMLTableObject的每个值

时间:2016-03-21 15:42:34

标签: javascript jquery

我将表行对象变为变量。

 var nRow = $(this).parents('tr')[0];

但我希望表中的各列为String。

执行以下操作只会打印所有值。

alert(nRow.innerText);

我需要获取单个单元格值。我该怎么办?

2 个答案:

答案 0 :(得分:1)

您可以使用.cells[index]

alert(nRow.cells[index_you_want].innerText);

或者:

alert( $(nRow).find("td:eq(index_you_want)").text() );

希望这有帮助。



var nRow = $("table tr")[0];

alert(nRow.cells[0].innerText);
alert( $(nRow).find("td:eq(0)").text() );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

如果您已经在使用jQuery,则可以跳过一步:

&#13;
&#13;
// set "nRow" to an example row in this snippet
var nRow = $('#example tr:first');

// iterate through "td" children and get their text content 
nRow.find('td').each(function() {
  window.alert($(this).text());
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="example">
  <tbody>
    <tr>
      <td>Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
    </tr>
    <tr>
      <td>Garrett Winters</td>
      <td>Accountant</td>
      <td>Tokyo</td>
      <td>63</td>
      <td>2011/07/25</td>
      <td>$170,750</td>
    </tr>
    <tr>
      <td>Ashton Cox</td>
      <td>Junior Technical Author</td>
      <td>San Francisco</td>
      <td>66</td>
      <td>2009/01/12</td>
      <td>$86,000</td>
    </tr>
    <tr>
      <td>Cedric Kelly</td>
      <td>Senior Javascript Developer</td>
      <td>Edinburgh</td>
      <td>22</td>
      <td>2012/03/29</td>
      <td>$433,060</td>
    </tr>
  </tbody>
</table>
&#13;
&#13;
&#13;