在CSS中访问tr中的td

Question

所以我有一个需要处理WebView并在其中获取第3个WebView标记的函数

如何访问此

中的第3个<tr></tr>标记

TRinput =以下

<td>

我将如何访问第3个td

<td>

Answer 1

假设TRinput是<tr>

TRinput.children[2]

如果您正在使用vanilla JS，

将允许您访问第三个单元格。 Lansana's answer涵盖了您使用jQuery

的情况

Answer 2

在CSS中执行以下操作：

tr > td:nth-child(3)

这表示对于tr的第3个 direct 子项，应用样式。

如果您正在使用类似jQuery的东西，您可以这样做：

$('tr > td:nth-child(3)')

请查看CSS Pseudo-classes reference了解详情。

Answer 3

如果第三个是指最后一个，那么lastElementChild属性就完全符合您的需求

＆＃13;

＆＃13;

const tr = document.getElementsByTagName('tr')[0]
console.log(tr.lastElementChild)
// content accessed with:
console.log(tr.lastElementChild.innerText)

＆＃13;

<table>
<tr>
  <td>Sup</td>
  <td>9</td>
  <td>5</td>
</tr>
</table>

＆＃13;

＆＃13;

＆＃13;