jquery - 如何动态创建没有设定长度的 ul？

Question

我知道我必须使用 append() 方法，但是列表中的行项目数量每次都会有所不同，我不确定 ul 的哪个部分应该作为列表的骨架放入我的 html 中，哪个部分应该通过我的脚本使用 append() 动态添加。

/* 
 * The function I want to create the list queries my database and pulls rows
 * of data that I want to put into a list. The number of rows will vary. Ignore
 * everything up until the list of variables.
 */ 
var activityInfo = function(niche, actvtyId){

  var info = Parse.Object.extend(niche); 
  var query = new Parse.Query(info);

  query.equalTo("objectId", actvtyId);

  query.first({
    success: function(results) {
      var activity = results.get("activity");
      var ageGroup = results.get("ageGroup");
      var numPPL = results.get("numPPL");
      // I'm not sure if I should put an empty ul in my html and then add the
      // line items or what?   
      $('ul').append("<li>" + activity + ' ' + ageGroup + ' '+ numPPL"</li>");
    });
  }
}