如何獲得下一個元素的值 - jQuery的

Question

我有一個div這樣的：

<div id="div_more_info"> 
    <input placeholder="title" name="title_info" class="title_info" style="margin: 1px" type="text"> 
    <input placeholder="des" name="des_info" class="des_info" style="margin: 1px;margin-left: 24px" type="text"> 

    <input placeholder="title" name="title_info" class="title_info" style="margin: 1px" type="text"> 
    <input placeholder="des" name="des_info" class="des_info" style="margin: 1px;margin-left: 24px" type="text"> 
</div> 

現在我希望得到我的DIV的每一行的title - value：

$("#div_more_info .title_info").each(function() { 
    var title_info = $(this).val(); 
    var des_info = $(this).next().find('.des_info').val(); 

    alert(title_info); 
    alert(des_info); 
}); 

我的代碼顯示title_info值，但des_info顯示爲未定義。

Answer 1

有沒有必要.find()，只有.next()你會達到.des_info節點。

而不是

var des_info = $(this).next().find('.des_info').val(); 

使用

var des_info = $(this).next('.des_info').val(); 

Answer 2

無論Kartikeya Khosla溶液或可以使用：

var des_info = $(this).next().val(); 

Answer 3

只需使用jquery的next()功能。

更新後的腳本：

$("#div_more_info .title_info").each(function() { 
    var title_info = $(this).val(); 
    var des_info = $(this).next().val(); 

    alert(title_info); 
    alert(des_info); 
}); 

Fiddle Link

Answer 4

你可以把這個短：（ 'des_info'）。

$(".title_info,.des_info").each(function() { 
     alert($(this).val()); 
    });