Question

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

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

</tr>
</table>

如何完成this.FirstTDValue以便警报显示'123'，在TR或表级别请求它是否有效？

Answer 1

表行有一个 cells 集合，它是单元格的实时NodeList，因此：

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() )" >

如何使用this.value从TD列获取值

5 个答案: