Вывести данные с JSON в html?

Question

[Max Developer]

вопрос достаточно глуп, но все же подскажите ? как апендить данные полученные с json например в какую то дивку в теге li . получить и обработать данные получилось а вот добавить значения корректно не очень получается ..
для общего понимания код вот тут

Comments

[kulaeff]

Так в чем вопрос? Что именно у вас не получается? Код есть какой-нибудь?

[Max Developer]

kulaeff, вопрос очень банальный, как правильно вывести данные в html .

вот тут код https://fex.net/#!254497016372 , выше вставлял его (может не увидели ..)

[kulaeff]

Max Front, видел, но это не код, это файл, который нужно скачать и разархивировать. Вставьте код сюда, сократите его до минимума. А еще лучше создайте рабочий пример на jsfiddle.net или codepen.io

Answer 1

[Антон]

$('#countries').append('<li><p>' + val + '</p></li>');

Comments

[Max Developer]

почти..
значение надо вставить в уже существующие li а не создать новые...в каждую li по одному значению

[Антон]

Max Front, В следущий раз, старайтесь полностью писать задачу, чтобы людям в кашпировского не играть

$.each(data, function(key, val) {
				var key = key.substring(5, 6);
                $('#countries li:nth-child('+key+')').append('<p>' + val + '</p>');
            });

Answer 2

[Павел Корнилов]

<div id="div">
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>
<script>
	'use strict';
	var data="String",
		tn= document.createTextNode(data);
	document.querySelector('#div li').appendChild(tn);
</script>