I have a json and i am creating div based on json data. In the json I have level(depth) field. Level value are like 0, 0 ,1 ,2,0, 0,1,2,3.

I am creating html and passing level into the div attribute. Now based on level (Depth) I need to create/generate the number. I want the exact output which you can see the below. I am looking for jQuery solution.

<div level="0">1</div> <div level="1">1.1</div> <div level="1">1.2</div> <div level="2">1.2.1</div> <div level="2">1.2.2</div> <div level="2">1.2.3</div> <div level="3">1.2.3.1</div> <div level="0">2</div> <div level="1">2.1</div> <div level="1">2.2</div> <div level="0">3</div> <div level="0">4</div>