我正在制作一个Android应用程序与PhoneGap的帮助下。请帮助我，我如何才能使背景颜色动态
在HTML5中：-

<div data-role="page">
    <div data-role="content" >
        <div class="my_body1">      
            <ul id="table_list_id"></ul>
        </div>
    </div>
</div>

在CSS3中：-

.my_body1 ul li {
    float: left;
    list-style-type: none;
    border: 2px solid #a1a1a1;
    padding: 5px 5px;
    text-align: center;
    width: 120px;
    border-radius: 5px;
    margin: 1%;
    box-shadow: 5px 5px 5px #888888;
}

.my_body1 ul {
    width: 100%;
}

.my_body1 ul li a {
    text-decoration: none;
    color: #525252;
}

在jQuery中：-

function callXMLConnection() {
    $("#table_list_id").empty();
    $.support.cors = true;
    $.ajax({
        type: "GET",
        url: "table.html",
        contentType: "text/xml",
        dataType: "xml",
        data: "",
        cache: false,
        processData: false,
        crossDomain: true,
        success: function (data) {
            $(data).find('xyz').each(function () {
                var title = $(this).find('title').text();
                var status = $(this).find('status').text();
                if (status == 'vacant') {
                    var scripts = "<li><a href='#'>" + title + "</a></li>"
                    $("#table_list_id").append(scripts).trigger('create');
                }
                else if (status == 'occupied') {
                    var scripts = "<li><a href='#' >" + title + "</a></li>"
                    $("#table_list_id").append(scripts).trigger('create');
                }
            });
        }

    });
}
$(document).unbind('pageinit').bind('pageinit', function () {
    callXMLConnection();
});

我想要的背景颜色时，状态是空的，那么它应该是绿色，当状态被占用，那么它应该是红色。
请帮帮我