Как красиво вывести json в html?

Question

[Ulyana]

Необходимо красиво вывести данные.
Есть такой код:

$.getJSON( "http://localhost:3000/posts", function(obj) { 
		$.each(obj, function(key, value) { 
        	$("ul").append("<li>"+ value.title +"</li>");
        	$("ul").append("<li>"+ value.subtitle +"</li>");
        	$("ul").append("<li>"+ value.datePostCreate +"</li>");
        	$("ul").append("<li>"+ value.text +"</li><br></br>");
  		});
 	});

В html будет:

<ul>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
.....
<ul>

Необходимо, чтобы тег ul закрывался каждый раз, когда выведет 1 объект..примерно так:

<ul>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<ul>

<br></br>

<ul>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<ul>

Как это реализовать? :)

Comments

[Алексей Ярков]

А вы уверены, что вам прям jQuery нужен? Может на Vue.js глянете?

[sim3x]

Алексей Ярков: Сразу лучше на ангуляр, реакт и кложуру смотреть
Ага

[Ulyana]

Алексей Ярков: нет) мне надо вывести через jQ))

[Ulyana]

Алексей Ярков: просто не могу красиво динамически вывести. чтоб потом не было проблем с версткой)

[Алексей Ярков]

А че я такого сказал? :)
По теме. Взгляните на вот это

[Ulyana]

Алексей Ярков: спасибо :)

[Ulyana]

Алексей Ярков: а может у вас есть ссылки как пользоваться vue.js?) я посмотрела, что это более удобный вариант

[Алексей Ярков]

horosami: Есть ))) Даже на русском: https://ru.vuejs.org/v2/guide/

Answer 1

[twobomb]

Вот так можно.

Comments

[Ulyana]

спасибо!)