Javascript 如何使用jquery创建新的div？

好的，我需要使用jquery创建一个新的div，其中包含我从数组中循环的名字和姓氏的信息。。这就是我到目前为止所拥有的，我想知道我是否可以得到一些帮助，如何让它显示在我的网页上。它需要像这样显示：

hello firstname lastname 
hello firstname lastname
hello firstname lastname

函数名（）{
var firstAndLast=[
{姓名：“简”，姓氏：“多伊”}，
{姓名：“约翰”，姓氏：“腿”}，
{姓名：“hunny”，姓氏：“bun”}
];
var div=$（“#输出”）；
for（var i=0；i

您的代码就快到了。主要问题是您需要将创建

div

的jQuery行添加到

for

循环中。此外，您还可以使用

i

变量从数组中的对象检索

名称和
姓氏
，通过索引访问它们：

var $output = $("#output");
for (var i = 0; i < firstAndLast.length; i++) {
  var div1 = $("<div>").html(`Hello ${firstAndLast[i].name} ${firstAndLast[i].surname}`);
  $output.append(div1);
}

您可以尝试类似的方法


函数名（）{
var firstAndLast=[{
姓名：“简”，
姓氏：“doe”
},
{
姓名：“约翰”，
姓：“腿”
},
{
姓名：“hunny”，
姓：“包”
}
];
让_data=firstAndLast.reduce（（acc{
名称
姓
}) => {
acc+=`你好${name}${lasname}
`
返回acc；
}, "")
$（“#输出”）.html（#数据）；
}
名称（）
哦，我的上帝，太感谢你了！我在这里坐了好几个小时了！
var $output = $("#output");
for (var i = 0; i < firstAndLast.length; i++) {
  var div1 = $("<div>").html(`Hello ${firstAndLast[i].name} ${firstAndLast[i].surname}`);
  $output.append(div1);
}