獲取多個div內的輸入字段的值

Question

我將如何去正確地寫這使得VAR輸入是.overlay格內的內容輸入字段的值時，提交按鈕被按下？請記住，有幾個.overlay div，所以它需要是單獨的div。

我知道如何讓它工作，假設只有1個div存在，但事實並非如此。我jQuery是如下：

$('.button').click(function() { 
     var input = $(this).parents('.overlay')$(input[name=content]).val(); 
}); 

我的HTML結構（假設這個div是在頁面上重複數次）：

<div class="overlay"> 
     <input name="content" value="value"> 
     <input type="submit" class="button" value="submit"> 
</div> 

Answer 1

$('.button').click(function() { 
     var input = $(this).parent().find("input[name='content']").val(); 
}); 

應該工作。

或者，如果你可以依靠精確的結構：

$('.button').click(function() { 
     var input = $(this).prev().val(); 
}); 

Answer 2

這樣

$('.button').click(function() { 
     var input_val = $(this).parent().find('input:first').val(); 
    alert(input_val) 
}); 

這裏是IA working demo