获取HTMLTableObject的每个值

Question

我已将表行对象获取到变量。

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

但我希望表中的单个列作为字符串。

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

alert(nRow.innerText); 

我需要获取单个单元格值。我该怎么做？

Answer 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>

Answer 2

如果您已经使用jQuery，你可以跳过某个步骤：

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

<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>