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

How to get value from TD column using this.value

本文关键字：TD 获取 value this      更新时间：2023-09-26
<table>
<tr  onClick = "alert(this.FirstTDValue);" >
    <td>123</td>
    <td>Hello</td>
    <td>Goodbye</td>
</tr>
</table>

这怎么可能。如果完成了FirstTDValue，那么警报将显示'123'，那么在TR级别或表级别请求它是否有效?

表行有一个cells集合，它是单元格的活动NodeList，因此:

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

或者:

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

<tr>元素有一个cells集合，允许您访问<td>子元素:

this.cells[0].innerHTML

像是…

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

我是这样做的:

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

解决方案:

<tr onClick="alert( $(this).children().first().text() )" >
相关文章：