如何将类添加到已在jQuery中的容器div上调用的附加变量中

Question

我正在使用获取xml来遍历约会数据库以在html页面上查看它们：

if (results !=null && results.value !=null {
  for (var i = 0; i < result.value.length; i++) {
    time = results.value[i].starttime;
    place = results.value[i].location;
    who = results.value[i].attendee;

    $("#homediv").append(time);
    $("#homediv").append(place);
    $("#homediv").append(who);
  }
}

它们都成功显示在ID为'homediv'的同一个div中。但是，我想分别为每个元素添加一个类，以便在CSS中对它们进行不同的样式设置，但它不起作用。我尝试了“ addClass”，但在代码中执行了以下操作：

$("#homediv").append(time).addClass('time-style');
$("#homediv").append(place)addClass('place-style');
$("#homediv").append(who)addClass('who-style');

但是那根本行不通。有人可以发现我在做什么吗？

Answer 1

尝试此操作

$("#homediv").append(`<span class='time-style'>${time}</span>`);
$("#homediv").append(`<span class='place-style'>${place}</span>`);
$("#homediv").append(`<span class='who-style'>${who}</span>`);