jquery - 找到下一个 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>

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() 或类似的事件中。