从Ajax返回列表到append（）函数

Question

我有Getter和Setter可以这么说。我想将列表返回给该div。如果可能的话，我不想使用任何选择器。 ：）我没有收到任何错误，但仍然没有看到列表返回。我只是想弄清楚它为什么不起作用。

function getTasks(id) {
  $.ajax({
    type: "POST",
    url: "http://" + site + "/task/tasks.php",
    global: false,
    data: {
      group_id: id
    },
    success: function(data) {
      listTasks(data);
    }
  });
}

function listTasks(data) {
  var tasks = JSON.parse(data);
  console.log(tasks);
  list = $("<ul />").addClass("group_events");
  for (y = 0; y < tasks.length; y++) {
    list.append(
      $("<li />")
      .text(tasks[y].task_name + " " + tasks[y].total)
    )
  }
  return list;
}

我在这里打电话给他们div与.group_details：

//list groups
function listGroups(groups) {
  if (groups.length > 0) {
    $("#page-groups").append(
      $("<div />").attr("id", "list_groups")
    )
    for (i = 0; i < groups.length; i++) {
      $("#list_groups").append(
        $("<div />")
        .css("display", "none")
        .addClass("group_row")
        .append(
          $("<div />")
          .addClass("group_details")
          .append(
            $("<h3 />").text(groups[i].groups_name)
          )
          .append(getTasks(groups[i].id))
        )
        .append(
          $("<div />")
          .addClass("group_actions")
          .append(
            $("<i />")
            .addClass("fa fa-pencil-square-o fa-lg")
            .attr("onclick", "openGroupModal(" + groups[i].id + ")")
          )
        )
      )
    }

    var delay_time = 0;
    $("#list_groups .group_row").each(function() {
      $(this).delay(delay_time).fadeIn();
      delay_time += 100;
    });

  } else {
    $("#page-groups").append(
      $("<div />").text("You don't have groups")
    )
  }