使用表格中的输入将焦点设置在第一个td单元格上

Question

我无法使用表格中的输入框将焦点设置在第一个td单元格上。我使用this post的解决方案将单元格内容更改为输入。现在我想把焦点放在第一个输入框上。 我的表结构看起来像这样

<table id="knowledgeTreeTable" class="custom">
  <tbody>
    <tr>
      <th class="">Who are the services being provided for?</th>
      <td class="">
        <input type="text" style="width: 97%;">
      </td>
    </tr>
    <tr>
     .....
    </tr>
    ..... 
   </tbody>
</table>

Answer 1

此？

$(document).ready(function(){
    $("#knowledgeTreeTable tr:nth-of-type(1) input").focus();
});

CSS伪类element:nth-of-type(n)在文档中选择其类型的第n个元素。 由空格分隔的元素表示关系父 - 子。所以代码说的是

＆＃34;选择一个输入，其父项是其类型的第一个，并且是id为 knowledgeTreeTable ＆＃34;的元素的子项。

About pseudo-classes

Answer 2

Asumming你正在使用jquery，你可以使用这样的东西：

$('#knowledgeTreeTable input').first().focus();