Javascript 创建HTML结构并在append中使用函数

在jQuery

.append

中是否有使用函数的方法？我需要这样的东西：

$("<tbody>").append(function(){
    for (i = 0; i < Test1.length; i++){
        Test1[i]
    }
})

---

您可以使用JS的

.map（）

检索每个值，并使用模板文本

`

将值包装在

TR

标记中

ES6

var THeaders=[“#”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”]；
$（'thead tr'）.append（THeaders.map（val=>`${val}'）
th{border:1px solid#ddd；}
看看下面的内容，告诉你该去哪里


var THeaders=[“#”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”]；
var trid=$（“#列表”）；
$。每个命令、函数（i、d）{
三元附加（“”+d+“”）；
})

您能解释一下您的期望和实际得到的结果吗？您也可以将您的代码作为一个发布，因为目前的部分代码不足以看到y
我们的问题。使用
.each（）
，$.map（）
等或（'event'，function（）上的回调函数在迭代中使用函数是最简单的{

，但您可以尝试将函数附加到

元素。@zer00ne好的，我将发布所有代码。我正在编写大学时间表，需要从JSON文件创建表。我希望收到下一个html部分：。所以我制作了一个小脚本，从JSON接收数据并转换为html：。收到的所有数据正确，但我很难在html代码中插入它并在js文件中正确地重新创建html。@rm4，哦，我现在意识到了这一点，但有没有办法以正确的方式执行此函数？@cale_b我想现在ES6是Javascript上的默认上下文，如果需要ES3/ES5，应该规定它。我们必须在某个时候继续点..就我个人而言，我会使用

.text（）

来避免转义标记等可能导致的任何问题。例如，

THeaders.map（val=>$（''）.text（val））

谢谢，这对日名很有效，但对带有html代码的字符串不起作用。我从上面复制粘贴我的注释，以明确这一点：好的，我将发布所有代码。我正在编写大学时间表，需要从JSON文件创建表。我希望收到下一个html部分：pastebin.com/bczdjVEW。因此我做了一个从JSON接收数据并转换为HTML的小脚本：pastebin.com/UK42sdBp。所有数据都正确接收，但我很难将其插入HTML代码并在js文件中正确重新创建HTML。@Ilikebigbugs你结束了。所有嵌套的

append

s使你的生活变得复杂。请看

模板文字

（如果你能负担得起使用ES6的费用），用谷歌搜索它。而不是简单地创建一个HTML模板，并使用

${some.data}

向其中插入动态值。你的代码已经太糟糕了，太过分了，无法进行野蛮处理。@RokoC.Buljan没关系，我以前从未做过编码，所以我知道这项“工作”太糟糕了：）

$("<tr>").append(
    $("<th>").append("#"),
    $("<th>").append(THeaders[1]),
    $("<th>").append("Tuesday"),
    $("<th>").append("Wednesday"),
    $("<th>").append("Thurdsday"),
    $("<th>").append("Friday"),
    $("<th>").append("Saturday")
)

$("<tr>").append(
    $.each(THeaders, function(i, d){
        $("<th>").append($('<th></th>').text(d));
    })
)

var THeaders = ["#", "Monday", "Tuesday", "Wednesday", "Thurdsday", "Friday", "Saturday"];