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直接选择元素。