Как сделать цикл в списке и положить в каждый li изображение???

Question

[narkesss]

$(document).ready(function () {
	$(".monogram-btn-ttl").click(function(e) {

		var prntBtn = $(this).parent()

		prntBtn.next().toggle();

		$.ajax({
			url: '',
			dataType: 'json',
			success: function (data) {
				console.log(data.formats)

				console.log(data.colors)
				var colors = data.colors;
				var colors = data.formats;

			},
			error: function (jqXHR, exception) {
				console.log('error')
			}
		})

	})
})

Есть json в formats 3 href для img , как сделать цикл в ul и каждый li положить картинку
и подставить href ??
Ребята помогите пажалуйста

Answer 1

[sergski]

Распарсить json в массив, пройтись по нему циклом, в котором создавать li, в нем создавать a, котрому создавать атрибут href c соответствующим значением из массива + img c src. Результат вставить в документ.

Comments

[narkesss]

Я это понимаю , я не знаю как реализовать это в коде.

[sergski]

narkesss, в вопросе пишите, что получаете json ajax запросом, но нет ни самого json, ни html, где это быть.
вообще, как сделать можно разобраться прочитав это:
https://learn.javascript.ru/json
https://learn.javascript.ru/modifying-document
https://learn.javascript.ru/attributes-and-custom-...

[narkesss]

sergski, как сделать масив из списка ?

[sergski]

narkesss, var o = $.parseJSON(data);