Доброй ночи.
Помогите решить такую задачку, есть вёрстка создаётся динамически
<div class="blocks-all">
<div class="newblock">
<div class="col xs2">
<img src="img1.png">
<img src="img1.png">
</div>
<div class="col xs2">
<div class="col xs3"><img src="img2.png"></div>
<div class="col xs3"><img src="img3.png"></div>
<div class="col xs3">
<div class="col xs2"><img src="img4.png"></div>
<div class="col xs2"><img src="img5.png"></div>
...
</div>
...
</div>
</div>
<div class="newblock">
...
</div>
<div class="newblock"></div>
....
</div>
Вот хочу пройтись по блоку с классом ".blocks-all" и если в нём есть блоки с классом ".newblock"
то начать создавать json типа: {width: 2, block1: {}, block2: {}}, где width - кол-во ".newblock", и далее для каждого это блока проверить его внутренность если в нём есть блок с классом ".col" то записать это {width: 2, block1: {block1: {}}, block2: {}} и далее посмотреть есть ли в нём только картинка или ещё блоки с классом ".col", соответственно взять src картинки и перейти в другой блок, или перебрать блоки ".col" и произвести те же манипуляции в итоге хотелось бы на выходе получить json для любой вложенности и список картинок в виде массива на уровнях и длину уровней
пример:
{
width: 2,
block1:
{
width: 1,
block1: [img1.png]
},
block2: {
width: 2,
block1: {
...
},
block2: {},
...
}
}
Заранее благодарю, надеюсь на понимание вопроса)
