javascript - 有没有 ”" jQuery 中的函数？

Question

我在一些看起来很简单的事情上遇到了麻烦，但我无法弄清楚。总之，我正在创建一个使用单选按钮作为答案选项的测验，并且我试图将每个答案选项放在一个新行（或一个新段落）上，但由于某种原因，我完全无法做到。

我尝试了几件事：

• 在 jQuery 中使用 .html() 命令

• 将问题和答案选项放在代码 html 部分的 div 中

这是我在 html 部分中的内容：

<div id="quiz_container">
      <!-- quiz questions will be inserted by code-->
    </div>

以下是使用 jQuery 插入问题的方式：

  for(var j=0;j<questions.length;j++){
    $('#quiz_container').append('<div class="question" id="q' +j+ '"> 
    </div>');
    $('#q'+j).append('<div>'+ questions[j][0]+ '</div>');

    for(var i=0;i<5;i++){
      $('#q'+j).append('<input type="radio" name="q'+j+ '" value="' + 
      questions[j][1][i] +'">'+questions[j][1][i]);
      $("question").html("<p></p>");
    };
  };

在此代码中，

for(var i=0;i<5;i++){
    $('#q'+j).append('<input type="radio" name="q'+j+ '"    value="' + 
    questions[j][1][i] +'">'+questions[j][1][i]);
    $("question").html("<p></p>");
};

每个答案选项都应出现在新行上。我没有收到任何错误。代替

$("question").html("<p></p>");

其中“问题”是问题的 ID，我应该怎么做才能让每个答案选项出现在新行上？

（对不起，如果这措辞很奇怪，如果您有任何问题，请尽管提出，我会尽力回答）

标签： javascriptjqueryhtml

Answer 1

.html更改问题元素的整个 html。

我认为您正在寻找的是：

let answer = $("<p>").text("*answer goes here*");
$("#question").append(answer);