查找下一个输入字段，它在下一个div中 - jQuery

Question

我正在获取具有值的表单的最后一个元素，现在我想找到下一个div中的下一个输入元素的id...

 var elem1 =$(':text[name^=distanceSlab][value!=""]').last(); 
 var nextElemId = // find the id of next input element which is in next div

相应的HTML代码是：

 <div id ="divid4">
  <input type="text"  id ="slab4" value ="1"/> // this is the last elemnt which has value
 </div>

 <div id ="div1d5">
      <input type="text"  id ="slab5" value =""/> // need to find the id of this element
 </id>

- maaz

Answer 1

假设您已经确定了要处理的输入内容，那么：

$(this).closest('div').next('div').find('input:text').attr('id');

JS Fiddle。

或者：

var thisIndex = $(this).index('input:text');

var next = thisIndex + 1;

var nextElemId = $('input:text').eq(next).attr('id');

JS Fiddle。

我可能会将它们放入blur()或类似的事件中。

- David Thomas