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

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