jquery 选择 child 几层深

Question

我有以下结构：

    <div class="container questions">
        <div class="row">
            <div class="col-md-4">
                <span>Do you have any pets?</span>
            </div>
            <div class="col-md-4">
                <input type="text" class="form-control" />
            </div>
        </div>
    </div>

容器中的行已生成，当输入发生变化时我需要监听器。我尝试过的：

    $('.questions').children('div').children('div').children('input').change(function () {
            alert('answered');
            Question_Answered();

    });

虽然这条选择器路径好像不行，但我也尝试了几个> child选择器。尝试在 jquery 中使用这些东西让我觉得自己很笨。

Answer 1

即使我们将输入动态添加到 div.questions

，这也能正常工作

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

$('.questions').on('change','input',function () {
    alert('answered');
    Question_Answered();
});

</script>

jquery 选择 child 几层深

jquery selecting a child several layers deep

jquery

jquery-selectors