Javascript 如何使用jquery append（）创建数据行？

如何使用jquery生成新行数据？例如，我有一个id为“box”的div，我有两个跨度，每个跨度的id分别为“name”和“time”。 如何将jquery附加到这个包含名称和时间的框中？我试过尝试，试过这个代码，但没有成功

$("#button").click(function(){
    $("#box").append(
        $("#name").text("username"),
        $("#time").text("5:00pm")
    ); 
)}

在这段代码中，我希望框在每次单击按钮时创建一行新数据。因此，如果我想要5行数据，我只需单击按钮5次。

---

ID必须是唯一的，并且您需要新的跨距

$（“#按钮”）。在（“单击”，函数（）{
$（“#框”）。追加(
“
用户名下午5:00”
);
});

点击
ID必须是唯一的，并且需要新的跨距


$（“#按钮”）。在（“单击”，函数（）{
$（“#框”）。追加(
“
用户名下午5:00”
);
});

点击
您必须这样做：
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（“#框”）.append（“
username5:00pm”）
})
});

按钮
您必须这样做：
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（“#框”）.append（“
username5:00pm”）
})
});

按钮
由于ID必须是唯一的，正如@mplungjan所提到的，假设您有一些css链接到它们，我只给出一个类而不是ID的示例


$（“#按钮”）。单击（函数（）{
$（“#main”）.append(
$（“”）.addClass（“框”）
.append（$（“”）.addClass（“名称”）.text（“用户名”））
.append（$（“”）.addClass（“时间”）.text（“下午5:00”）
); 
});

单击我
因为ID必须是唯一的，正如@mplungjan所提到的，假设您有一些css链接到它们，我只给出一个类而不是ID的示例


$（“#按钮”）。单击（函数（）{
$（“#main”）.append(
$（“”）.addClass（“框”）
.append（$（“”）.addClass（“名称”）.text（“用户名”））
.append（$（“”）.addClass（“时间”）.text（“下午5:00”）
); 
});

单击我
嘿，老兄，我对你的话没有问题，但当我试图做到这一点时，你已经发布了你的答案。。。。我应该在哪里知道你的回答？？？嘿，老兄，我对你的话没有问题，但当我试图做到这一点时，你已经发布了你的答案。。。。我应该从哪里知道你的答案？？？模板文字是js或jquery的一部分吗？它是js:模板文字是js或jquery的一部分吗？它是js: