Jquery找到儿童元素

Question

我试图找到div的children元素，我的代码看起来像这样，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“answer”，那么您的HTML将无效。

我假设情况属实，因为否则您将直接选择ID而不是通过其父级进入。

Answer 2

每个ID都应唯一 要检索#answer的值，您只需执行以下操作：

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

Answer 3

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

不需要儿童或类似的东西，ID 必须是唯一的。所以，你只需直接通过它的id选择元素。