如何使用此值從TD列中獲取價值

Question

<table> 
<tr onClick = "alert(this.FirstTDValue);" > 

    <td>123</td> 
    <td>Hello</td> 
    <td>Goodbye</td> 

</tr> 
</table> 

如何完成this.FirstTDValue以使alert將顯示'123'，在TR或表級別請求它會有效嗎？

Answer 1

錶行有一個細胞的集合，是細胞的活節點列表，所以：

alert(this.cells[0].textContent || this.cells[0].innerText); 

或許：

alert(this.cells[0].firstChild.data); 

Answer 2

<tr>元素有一個cells集合，讓你訪問子<td>元素：

this.cells[0].innerHTML

Answer 3

喜歡的東西...

<tr onClick = "getTD();" > 

<td>123</td> 
<td>Hello</td> 
<td>Goodbye</td> 

</tr> 
<script type="text/javascript"> 
function getTD(){ 
    alert(document.body.getElementsByTagName("td")[0]); 
} 

</script> 

Answer 4

這是我做的：

<script> 
Element.prototype.FirstTDValue = function() { 
    for (var i = 0; i< this.childNodes.length; i++) { 
     if (this.childNodes[i].tagName == 'TD') { 
      return this.childNodes[i].innerHTML; 
     } 
    } 
    return ("No TD Values"); 
} 
</script> 
<table> 
<tr onClick = "alert(this.FirstTDValue())" > 

    <td>123</td> 
    <td>Hello</td> 
    <td>Goodbye</td> 

</tr> 
</table> 

Answer 5

jQuery的解決方案：

<tr onClick="alert($(this).children().first().text())" >