Table des matières javascript input

Question

Je souhaite créer une simple table des matières pour mon projet. Je essayé d'utiliser cette bibliothèque:

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

et de donner un échantillon d'entrée JSON sans succès.

ceci est mon JSON:

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

Problème

Je suis en train de remplacer $ ("article h3") avec

var = $(jsonInput) 

provenant d'appel HTML. Le résultat est vide - rien n'est affiché.

Answer 1

J'ai trouvé ce que je manque:

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"); 

Ainsi, afin de remplacer l'élément html du code dont je avais besoin: 1) pour itérer sur le tableau JSON 2) remplacer la fonction jquery

title = el.text(); 

avec

el.attr("text");