javascript - Ajax 和 div 中的循环

Question

我是 Ajax 新手，我正在尝试为很多 div 创建 Ajax 调用。 假设我有一个这样的 dom :

    <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

您应该考虑向 #child_n_select 元素添加一个公共(public)类，并使用 jQuery 的 .each()方法:

<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>