HTMLTableObjectの各値を取得

Question

私は変数にテーブルの行オブジェクトを持っています。

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

しかし、私は表の個々の列をStringにします。

以下を実行すると、すべての値が印刷されます。

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>