どのように次の要素の値を取得する - 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_infodes_infoは未定義として表示されます。

Answer 1

の必要はありません。.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

あなたはこの短い保つことができます。

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