javascript - 从 forEach 循环 jQuery 请求变量

Question

我正在尝试在 Node 中制作多项选择问卷。我有一个 forEach 循环打印问题和答案字段的表单。问题是我无法在进行比较的 jQuery 文件中获取正确的变量。

在 EJS 中使用 forEach 循环并在 jQuery 文件中检查它。

jQuery 文件:

$(document).ready(function(){
    $('.bcheck').click(function(){
        var on = 1;
        var ans = $(this).attr('realanswer');
        var theirAns = $("input[placeholder=Answer]").val();
        console.log(ans);
        if(ans == theirAns){
            //DO SOMETHING
        }
    });
});

var theirAns = $("input[placeholder=Answer]").val(); 的值保留迭代中的第一个元素。我可以使用此函数来获取不属于我单击的项目元素的值吗？

EJS 文件的 HTML:

<% topic.questions.forEach(function(question){ %>
    <% if(question.difficulty == 10){ %>
        <form action="/lesson/<%= lesson._id %>/topic/<%= topic._id %>/course/<%= question._id %>/quest?_method=PUT" method="POST">
            <div class="quest_info questionf">
            <%= question.question %>?
                <div class="text_input">
                    <input type="hidden" name="res[_id]" value="<%= question._id %>">
                    <input type="hidden" name="realAnswer" value="<%= question.answer %>">
                    <input id="correct" type="hidden" name="res[correct]" value="<%= false %>">

                    <% if(question.question_type == "multiple"){ %>
                        <% var ran = ranNumber(0, 3) %>
                        <% var n = 0; %>
                        <% question.wrong_answers.forEach(function(wAns){ %>
                            <div class="bw btn btn-success" value="<%= wAns %>"> <%= wAns %> </div>
                            <% if(ran == n){ %>
                                <div class="ba btn btn-success "><%= question.answer %></div>
                            <% }; %>
                            <% n += 1; %>
                        <% }); %>
                        <input type="hidden" name="res[answer]" value="<%= question.answer %>" placeholder="Answer">
                    <% }else{%>
                        <input type="text"   name="res[answer]" placeholder="Answer" >
                        </input>

                        </div>
                    <% }; %>
                    <div class="text_input">
                        <div class="bcheck btn btn-primary pull-right" realanswer="<%= question.answer %>" >Check Answer</div>
                    </div>

                    <% x += 1 %>

                <div class="text_input">
                </div>
            </div>
    <% }; %>
<% }); %>

Answer 1

您正在尝试使用 $("input[placeholder=Answer]").val() - 它确实会返回第一个值。

如果您想检查与选择器匹配的每个元素$("input[placeholder=Answer]").each()将会有所帮助。这是一个基于您的代码片段的示例。

$(document).ready(function() {
  $('.bcheck').click(function() {
    var ans = $(this).data('realanswer');

    $("input[placeholder=Answer]").each(function() {
      var theirAns = Number($(this).val());

      if (ans === theirAns) {
        console.log('Nice');
      }
    });
  });
});

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

<button class="bcheck" data-realanswer="42">check</button>

<input placeholder="Answer" type="text">
<input placeholder="Answer" type="text">
<input placeholder="Answer" type="text">