如何在#form中继续循环？

Question

我是Ajax新手，目前我正在尝试为很多div创建Ajax调用。假设我有这样的代码：

    <div id="form">
        <div id="child_1">
            <div id="child_1_select"></div>
        </div>
        <div id="child_2">
            <div id="child_2_select"></div>
        </div>
        <div id="child_3">
            <div id="child_3_select"></div>
        </div>
        <div id="child_4">
            <div id="child_4_select"></div>
        </div>
        <!-- ... -->
    </div>

如何在#form中继续循环？因为我希望所有的child_x_select都有一个Ajax调用。顺便说一下，我不知道会有多少#child_x_select，因为用户可以根据需要添加任意数量的div......非常感谢你考虑我的问题！

Answer 1

You should consider adding a common class to your #child_n_select elements, and use jQuery's .each() method on it :

<div id="form">
    <div id="child_1">
        <div id="child_1_select" class="child_select"></div>
    </div>
    <div id="child_2">
        <div id="child_2_select" class="child_select"></div>
    </div>
    <div id="child_3">
        <div id="child_3_select" class="child_select"></div>
    </div>
    <div id="child_4">
        <div id="child_4_select" class="child_select"></div>
    </div>
    <!-- ... -->
</div>

<script type="text/javascript">
    $('.child_select').each(function() {
        // Write your AJAX call here, using $(this) to select the active element.
    });
</script>