SHARE
TWEET

Untitled

a guest Jun 25th, 2019 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. {
  2.     "sections": {
  3.         "1": {
  4.             "name": "Section 1",
  5.             "sections": {
  6.                 "3": {
  7.                     "name": "Section 1.1",
  8.                     "sections": {
  9.                         "4": {
  10.                             "name": "Section 1.1.1",
  11.                             "sections": {}
  12.                         }
  13.                     }
  14.                 }
  15.             }
  16.         },
  17.         "2": {
  18.             "name": "Section 2",
  19.             "sections": {}
  20.         }
  21.     }
  22. }
  23.      
  24. $(document).ready(function() {
  25.     generateHtml(myLoadedJson);
  26. });
  27.  
  28. function generateHtml(pData) {
  29.     var self = this;
  30.     var html = '';
  31.     if("sections" in pData) {
  32.         html+= '<ul>';
  33.         var objList = Object.keys(pData.sections);
  34.         var nbr = objList.length;
  35.         for(i=0; i<nbr; i++) {
  36.             var key = objList[i];
  37.             var obj = pData.sections[key];
  38.             html+= '<li><div>' + obj.name + '</div>'
  39.             html+= generateHtml(pData.sections[key]);
  40.             html+= '</li>';
  41.         }
  42.         html+= '</ul>';
  43.     }
  44.     return html;
  45. };
  46.      
  47. <ul>
  48.   <li>
  49.     <div>Section 1</div>
  50.     <ul>
  51.       <li>
  52.         <div>Section 1.1<div>
  53.         <ul>
  54.           <li>
  55.             <div>Section 1.1.1<div>
  56.           </li>
  57.         </ul>
  58.       </li>
  59.     </ul>
  60.   </li>
  61.   <li>
  62.     <div>Section 2</div>
  63.   </li>
  64. </ul>
  65.      
  66. <ul>
  67.   <li>
  68.     <div>Section 1</div>
  69.     <ul>
  70.       <li>
  71.         <div>Section 1.1</div>
  72.         <ul>
  73.           <li>
  74.             <div>section 1.1.1</div>
  75.             <ul></ul>
  76.           </li>
  77.         </ul>
  78.       </li>
  79.     </ul>
  80.   </li>
  81. </ul>
  82.      
  83. for(i = 0; i < nbr; i++)
  84.      
  85. for(var i=0; i<nbr; i++)
  86.      
  87. for(i = 0; i < nbr; i++)
  88.      
  89. for(var i = 0; i < nbr; i++)
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top