jquery - 使用 jquery 关注数据表中的下一个输入

Question

我想用 jquery 将焦点放在表中的下一个输入上。我在 jsf 中有这张表。

<p:dataTable id="resu" value="#{onController.items}"  var="item" >

   <p:column id="colIn" >

     <h:inputText  id="i"  value="#{item.cup}"  />

   <p:column>

<p:dataTable>

对此进行了测试：

function nexts(input) {
   $(input).next("input[type=text]").focus();
}

onkeyup="nexts(this)"在输入

它仅在输入之后才在行之间起作用。

Answer 1

在next()兄弟姐妹中唯一的搜索。数据表在元素中呈现<table>带有行的 HTML。<tr>右键单击 webbrowser 中的页面并选择View Source。您应该将您的 JS/jQuery 代码基于此（仅仅是因为这基本上就是它所能看到的全部内容）。从技术上讲，您应该上到最近的<tr>，然后到下一个<tr>，最后在那里找到下一个输入元素。

$(input).closest('tr').next('tr').find('input[type=text]').focus();