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

假設你從你已經確定的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()或類似的事件中。