Как разложить json по категориям при помощи jQuery?

Question

[SHAKIRA]

Всех с наступающим! У меня в json есть id категории, к примеру "id":"5". и мне надо расскидать по блокам с id="1", id="2", id="3", id="4", id="5" и так далее. Помогите пожалуйста, как это сделать

Comments

[Arman]

можно подробнее, а лучше пример json и что хотите получить в конце. Что значит раскидать по блокам? Пример блока и что в него надо указать?

[SHAKIRA]

Arik: json

{"channels":[
{"id":33,"name":"1+1","url":"1086d22d7c240f0dc44cfdeeaf5b1b97736bd3ce","cat":"5"},
{"id":33,"name":"2+2","url":"53e21332c6e3db445a94ae1db48f7ef408556b53","cat":"5"},
{"id":33,"name":"Hustler HD","url":"e967e856d4508a7077c9d338e47936763ee20e34","cat":"9"},
{"id":33,"name":"Эгоист ТВ","url":"dba04be73416e38ad3f3c38dcb525032a132f4a4","cat":"9"}]}

а блоки это дивы

[SHAKIRA]

SHAKIRA: Arik:

<div class="control">
	<div class="category" id="1">
	</div>
	<div class="category" id="2">
	</div>
		<div class="category" id="3">
	</div>
	<div class="category" id="4">
	</div>
	<div class="category" id="5">
	</div>
	<div class="category" id="6">
	</div>
	<div class="category" id="7">
	</div>
	<div class="category" id="8">
	</div>
	<div class="category" id="9">
	</div>
	<div class="category" id="10">
	</div>
	<div class="category" id="11">
	</div>
	<div class="category" id="12">
	</div>

</div>

Answer 1

[Алексей Чернышев]

Привет!

Небольшая правка по блокам. Элемент не может быть с ID только цифрового формата, надо добавить букву.

Например так:

<div class="category" id="b1"> </div>

По скрипту, все просто: Пробегаемся по полученным данным, и ищем по id - соответственный ему элемент

var data = { "channels": [...] };

$.each(data, function(idx, el){

	var id = el.id,
	    $curEl = $('#b' + id);
	
	//в зависимости от того, как именно надо раскидать данные, выводим в элемент
	$curEl.append(ДАННЫЕ);
	
	//или
	$curEl.html(ДАННЫЕ);

});

Остается вопрос, что делать с данными в этом элементе (создавать подэлементы и добавлять в контейнер, или еще как-то)