JQuery循环附加不附加的文本

Question

我尝试使用jQuery 2.1.0创建一个循环，每个循环附加一个段落。到目前为止，这是我的代码

for (var i = 0; i < 3; i++) {
  var hobby = prompt("tell me one of your hobbies!");
  $("body").append("<p>" + hobby + "</p>");
}

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

所以提示出现并且工作正常但是它不会追加......并且它不会循环。任何帮助非常感谢。

Answer 1

尝试使用原生js。

for (var i = 0; i < 3; i++) {
	var hobby = prompt("tell me one of your hobbies!");
	var p = document.createElement('p');
	p.innerHTML = hobby;
	document.body.appendChild(p);
}

Answer 2

$(document).ready(function(){
for(var i = 0; i<3;i++){
var hobby = prompt("tell me one of your hobbies!");
var newP = $("<p>");
newP.text(hobby);
$("body").append(newP);}
});

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