JQuery 获取 div 中所有输入的值

Question

我在控制面板中有许多这样的多项选择，我希望使用 JQuery 将数据输入到文本字段中。格式最好是 Question、AnswerOpt1、AnswerOpt2...。我尝试了下面提供的代码及其一些变体，但没有成功。

HTML

<div class="formRow">
    <label>Multiple Choice: </label>
    <div class="formRight">
        Question: <input type="text" class="MCQuestion" />
    </div>
    <div class="formRight MCAns">
        Answer Option1: <input type="text" class="MCAnswer"/>
    </div>
    <div class="formRight MCAns">
        Answer Option2: <input type="text" class="MCAnswer"/>
    </div>
</div>

<div><a href="#" id="Save">Save</a></div>
<div id="log"></div>

Javascript

$("#Save").on("click",function() {
    $(".MCQuestion").each(function(){
        if($(this).val()!=""){
            $(this).parent().find(".MCAnswer").each(function(){
                $('#log').after($(this).val());
            });
        }
    });
return false;
});

Answer 1

当您遍历到 .MCQuestion 的父元素时，您只会到达 .formRight。使用 closest转到 .formRow 然后返回到每个 .MCAnswer:

$("#Save").on("click",function() {
    $(".MCQuestion").each(function(){
        if($(this).val()!=""){
            $(this).closest(".formRow").find(".MCAnswer").each(function(){
                $('#log').after($(this).val());
            });
        }
    });
    return false;
});