javascript - 将类添加到 span 元素不起作用

Question

我在ajax成功方法中收到一个包含大量数据的大型JSON对象 但是当我迭代 JSON 列表并希望向每个元素添加单独的类时，事情不起作用。

我在这里粘贴的代码片段位于ajax成功方法内

$.each(data, function(index,jsonObject){
    console.log(jsonObject.spanId+":"+jsonObject.status)
    if(jsonObject.status != null && jsonObject.status != undefined){
        if(jsonObject.status == "Available"){
        $('#'+jsonObject.spanId).addClass("availableTime");
        }else{
        $('#'+jsonObject.spanId).addClass("vacantTime");
        }
    }
});

我已经尝试了很多但无法完成，请帮助我。

我正在添加 json 对象的 block

[
    {
        "spanId": null,
        "status": null
    },
    {
        "spanId": null,
        "status": null
    },
    {
        "spanId": "25_31_15:00",
        "status": "Available"
    },
    {
        "spanId": "25_31_15:30",
        "status": "Available"
    },
    {
        "spanId": "25_31_16:00",
        "status": "Available"
    },
    {
        "spanId": "25_31_16:30",
        "status": "Available"
    },
    {
        "spanId": "25_31_17:00",
        "status": "Available"
    }
]

Answer 1

您的跨度 ID 为 not advised这可能是不起作用的。

Plus : 选择器是伪类的保留字。

Source