javascript - 自动创建带有锚标记的列表视图项

Question

我正在用 Jquery Mobile 制作一个 webapp。我从网络服务功能中取回了我的数据。现在要在我的网页中获取这些数据，我正在使用 ajax 调用。

$('[data-role=page]').live('pageshow', function () {
var userId =  $("#userId").val();
        $.ajax({
            url: "~SYSTEM.URL~~CAMPAIGN.URL~/SelligentMobile/Webservice/WebService.asmx/getNieuwtjes",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{'userId':'" + userId + "'}",
            success: function (response) {       
            var nieuwtjes = response.d;
              if (nieuwtjes.length > 0) {   
                        $.each(nieuwtjes, function (i, entity) {
                    $('#nieuwtjesList').append(
                            //Here come's the data from web function         
                  });
            } 
        }        
      });
});

现在在#nieuwtjesList 中应该包含我从服务器返回的所有数据。这些数据是一个newsTopic。它应该像这样显示。

<li><a href="~PROBE(239)~">~ITEM.ONDERWERP~ </a></li>

我的问题是，如何为从我的网络服务功能返回的每条记录创建上面的行。

亲切的问候。

史蒂夫

Answer 1

您可以使用此代码创建要为每一行附加的 HTML

$("<li/>").append($("<a/>")
    .attr("href", <HREF FROM YOUR DATA>)
    .text(<TEXT FROM YOUR DATA>)
);

Answer 2

您可以使用jQuery.tmpl轻松实现这一点。

Answer 3

var nieuwtjes = response.d;
          if (nieuwtjes.length > 0) {   
                    var html ='';
                    $.each(nieuwtjes, function (i, entity) {
                     html += '<li><a href="'+ _urs_href_data+'">'+ i.ONODERWERP+'</a></li>';
                   });

                $('#nieuwtjesList').append($(html));
        }