找到下一个div-jquery中的下一个输入字段

时间:2011-09-26 08:18:38

标签: jquery

我正在获取有价值的表单的最后一个元素,现在我想找到下一个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>

1 个答案:

答案 0 :(得分:12)

假设您从已经识别的input开始,那么:

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