сосредоточиться на следующем входе в Dataatable с 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() только ищет в братьях и сестрах. Dataatable отображает HTML <table> со строками в <tr> элементах. Щелкните правой кнопкой мыши страницу в веб-браузере и выберите Просмотр источника . Вы должны основывать свой код JS / jQuery на этом (просто потому, что это в основном все, что он может видеть). Технически вы должны подойти к ближайшему <tr>, затем перейти к следующему <tr> и, наконец, найти следующий элемент ввода там.

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