jQuery的發現兒童元素

Question

我試圖找到一個div我的代碼看起來像這樣的兒童元素，HTML

<div class="section"> 
    <div id="element"> 
     <input id="answer" type="hidden"> 
    </div> 
</div> 
<input type="submit" id="submit" /> 

我想是一旦我點擊提交就應該找到類部分，並得到了我隱藏字段的值，我的JS是這樣的

$('#submit').click(function(){ 
    answer = $('.section').children('#answer').val(); 
}); 

感謝

Answer 1

可以使用find方法來代替。

$('.section').find('#answer').val(); 

這裏有一個演示：http://jsfiddle.net/jQh4q/

這也是值得指出的是，如果您使用的是在你的頁面的多個地方的ID「答案」，你的HTML將是無效的。

我假設情況是這樣，否則你會直接選擇ID而不通過它的父項。

Answer 2

每個ID應該是唯一。
中檢索的#answer你可以簡單地做到這一點的價值：

$('#answer').val(); 

Answer 3

$('#submit').click(function(){ 
    var answer = $('#answer').val(); 
}); 

沒有必要爲孩子或這樣的事情，編號必須是唯一的。所以，你只需通過它的id直接選擇元素。