如何动态生成房态图

在做酒店管理，所需用到大量的房态图时，如何动态生成房态图呢？以下是我所写的代码仅供大家参考。

jsp调用的方法代码：
$(function () {
   
var nowdata = getNowFormatDate();//今天日期
$("#LiveEndDate").attr('min', '' + nowdata + '');//日期输入不能小于今天
//组合查询
var SectionID = 0;
var FloorNumID = 0;
var FloorID = 0;
var RoomStatusID = 0;
var RoomLevelID = 0;
var RoomNumber = "";
$.getJSON("/GuestRoomDestine/FangTai/SelectDongTai",
{
    RoomLevelID: RoomLevelID, SectionID: SectionID, FloorNumID: FloorNumID, FloorID: FloorID, RoomNumber: RoomNumber, RoomStatusID: RoomStatusID },
function (data) {
   
    for (var i = 0; i < data.length; i++) {
   
        if (data[i].RoomStatusMC=="空房") {
   
            $("#CONTENTone")
                    .append('<button id="cg' + i + '"; style=width:160px;height:160px;margin-left:20px;margin-top:38px; οndblclick="shuangjikuaisukaifang(' + data[i].RoomID + ')">'
                   + "<span style='color:red;font-size:20px;margin-left:-40px;'>快</span>" + "&emsp;"
                   + "<span style='color:white;font-size:20px; id='RoomStatusid" + i + "'>" + data[i].RoomStatusMC + "</span><br/>"
                   + "<span style='color:white;font-size:20px;'>" + data[i].FloorMC + "</span><br/>"
                   + "<span style='color:white;font-size:20px;'>" + data[i