javascript - 如何将类添加到已在 jQuery 中调用容器 div 的 append 变量

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);
  }
}

它们都成功出现在同一个 div 中，id 为“homediv”。但是我想分别为这些元素中的每一个添加一个类，以便在 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>`);

或者没有字符串插值(ES6)

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