javascript list to HTML list

Question

我确定这是一个简单的问题，我很接近，但无法得到我想要的。

我需要创建的最终结果(在 HTML 中(如下所示：

<li id="EventList">
<ul class="calendar-menu">
<li>
<time class="anthracite"><b>24</b> Feb</time>
<small class="green">10:30</small>
Event's description
</li>
<br />
<li>
<time class="anthracite"><b>24</b> Feb</time>
<small class="green">10:30</small>
Event's description
</li>
<br />
<li>
<time class="anthracite"><b>24</b> Feb</time>
<small class="green">10:30</small>
Event's description
</li>
</ul>

我需要根据从对数据库的 ajax 调用中获得的数据动态填写日期、时间和描述元素。

以下是我一直试图创建HTML列表的内容。最终数据将来自

function GetList() {
$.ajax({
async: false,
type: "POST",
contentType: "application/json; charset=utf-8",
url: "ExampleList.aspx/GetList",
dataType: "json",
success: function (data, textStatus) {
if (textStatus == "success") {
var datos = jQuery.parseJSON(data.d);
$("#EventList").html('');
var list = '<ul>'
$.each(datos, function (i, v) {
Something in here to populate the <li> tags? 
}); 
list += '</ul>'
$("#EventList").append(list);
}
},
error: function (request, status, error) {
alert(jQuery.parseJSON(request.responseText).Message);
}
});
}

有没有人能够通过一些示例代码为我指出正确的方向？

Answer 1

尝试：

list+= '<li><time class="anthracite"><b>'+v.number+'</b> '+v.month+'</time><small class="green">'+v.time+'</small>'+v.eventName+'</li>';

您可以继续写入list以使用提取的数据完成li's。
希望对您有所帮助！