Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- "sections": {
- "1": {
- "name": "Section 1",
- "sections": {
- "3": {
- "name": "Section 1.1",
- "sections": {
- "4": {
- "name": "Section 1.1.1",
- "sections": {}
- }
- }
- }
- }
- },
- "2": {
- "name": "Section 2",
- "sections": {}
- }
- }
- }
- $(document).ready(function() {
- generateHtml(myLoadedJson);
- });
- function generateHtml(pData) {
- var self = this;
- var html = '';
- if("sections" in pData) {
- html+= '<ul>';
- var objList = Object.keys(pData.sections);
- var nbr = objList.length;
- for(i=0; i<nbr; i++) {
- var key = objList[i];
- var obj = pData.sections[key];
- html+= '<li><div>' + obj.name + '</div>'
- html+= generateHtml(pData.sections[key]);
- html+= '</li>';
- }
- html+= '</ul>';
- }
- return html;
- };
- <ul>
- <li>
- <div>Section 1</div>
- <ul>
- <li>
- <div>Section 1.1<div>
- <ul>
- <li>
- <div>Section 1.1.1<div>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <div>Section 2</div>
- </li>
- </ul>
- <ul>
- <li>
- <div>Section 1</div>
- <ul>
- <li>
- <div>Section 1.1</div>
- <ul>
- <li>
- <div>section 1.1.1</div>
- <ul></ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- for(i = 0; i < nbr; i++)
- for(var i=0; i<nbr; i++)
- for(i = 0; i < nbr; i++)
- for(var i = 0; i < nbr; i++)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement