javascript - 从.html（或innerHtml）将结果输入到inArray并使其工作

Question

$("form").submit(function () {
if ($.inArray($("input:first").val().toUpperCase(), ["UNITED STATES", "USA", "AMERICA"]) > -1) {
//function here
});

<div class="answers">"UNITED STATES", "USA", "AMERICA"</div>

$("form").submit(function () {
if ($.inArray($("input:first").val().toUpperCase(),  [$(".answers").html()]) > -1) {  
//function here
});

在带有类答案的 div 中，我有需要验证的结果。当我使用 jquery 函数 .html 时，结果打印得很好，但是当它验证时，它需要验证整个句子：“UNITED STATES”，“USA”，“AMERICA” 并不是每个答案都像第一个函数那样单独. 我怎样才能使这项工作？

Answer 1

使用拆分将您的答案字符串转换为数组。如果答案没有间隔，可能会更好，例如 AMERICA,USA 不是 AMERICA, USA

$("form").submit(function () {
if ($.inArray($("input:first").val().toUpperCase(), $(".answers").html().split(',')) > -1)
{
    //function here
};

Answer 2

我不确定这些答案是什么格式。为什么将它们输出到 HTML 而不是 JS 变量中？

什么可以工作：

var answerarray = $(".answers").text().split(", ");

或（我不确定你的报价）：

var answerarray = jQuery.parseJSON("[" + $(".answers").text() + "]"); // ugliest code I've ever written