Javascript 迭代给定类中的所有类 第一个问题 1. a1 b2 c3 . . // 还有很多问题。。。 .

如何对外部.each（）中的每个div.option使用.each（），对每个问题使用.each（）？ 我的outer.each（）工作正常，它迭代所有div.question并将问题文本等推送到数组中，但是我似乎无法将每个问题中的选项容器作为目标，以便也将每个问题的所有选项推送到数组中

另外，是否可以使用.each（）函数以DOM的一个子集为目标，或者是否有其他方法迭代给定类中的所有类

---

谢谢各位。

就这么简单：

<div class="contain_questions">
    <div class="question">
        <div class="question_text">First question</div>
        <div class="question_mandatory">1</div>

        <div class="options">
            <div class="option"><div class="option_name">a</div><div class="option_value">1</div></div>
            <div class="option"><div class="option_name">b</div><div class="option_value">2</div></div>
            <div class="option"><div class="option_name">c</div><div class="option_value">3</div></div>
        </div>

        <a href="" class="add_another_option">add_another_option</a>
    </div>

    .
    . // many more div.question ...
    .

    <input type="button" value="submit_questions" />
</div>

因此，您的代码可能如下所示：

$(".question").each(function() {
    ...
    $(this).find(".option").each(function() {
        ...
    });
});

---

就这么简单:

<div class="contain_questions">
    <div class="question">
        <div class="question_text">First question</div>
        <div class="question_mandatory">1</div>

        <div class="options">
            <div class="option"><div class="option_name">a</div><div class="option_value">1</div></div>
            <div class="option"><div class="option_name">b</div><div class="option_value">2</div></div>
            <div class="option"><div class="option_name">c</div><div class="option_value">3</div></div>
        </div>

        <a href="" class="add_another_option">add_another_option</a>
    </div>

    .
    . // many more div.question ...
    .

    <input type="button" value="submit_questions" />
</div>

因此，您的代码可能如下所示：

$(".question").each(function() {
    ...
    $(this).find(".option").each(function() {
        ...
    });
});