Table 的内容 javascript 输入

Question

我想为我的项目创建一个简单的 table 内容。我尝试使用这个库：

https://codepen.io/chriscoyier/pen/EnLwb/

并提供示例 json 输入但没有成功。

这是我的 json:

"{"0":{"text":"text0","id":0},"1":{"text":"text1","id":1}}"

问题

我正在尝试将 $("article h3") 替换为

var = $(jsonInput)

来自 HTML 电话。结果为空白 - 未显示任何内容。

Answer 1

我找到了我丢失的东西：

var dictionary = {
    "data":[
        {"id":"0","name":"ABC","text":"PQR"},
        {"id":"1","name":"DEF","text":"PQR"}
    ]
};

dictionary.data.forEach(function(item){
  el = $(item);
  title = el.attr("text");
  link = "#" + el.attr("id");

所以为了替换我需要的代码的 html 元素： 1) 遍历 json 数组 2) 替换 jquery 函数

   title = el.text();

和

el.attr("text");

Table 的内容 javascript 输入

Table of Content javascript input

javascript

json

tableofcontents