使用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中右键单击页面，然后选择查看源。您应该将JS / jQuery代码建立在此基础之上（仅仅因为它基本上是它所能看到的）。从技术上讲，您应该前往最近的<tr>，然后转到下一个<tr>，最后找到下一个输入元素。

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