jquery

我正在尝试根据局部变量更改元素的background-color。该变量在JSON中如下所示：

{"decision": "0"}

HTML：

<div ><p id="status-message">&quot;Status Message&quot;<p></p></div>
        <br>
      <span id="auth">AUTH</span>
    <span id="decline">DECLINE</span>

<head>中它们各自的CSS：

#status-message {
color:red;
background:white;
display:none;
}
#auth {
    border: 2px solid #a1a1a1;
    padding: 20px 40px;
    background-color:#efefef;
    color:black;
    width: 50px;
    border-color:maroon;
    border-radius: 10px;
    border-width: 1px;
    font-family: "Arial";
    font-weight: bold;
    font-size: large;
}
#decline {
    border: px solid #a1a1a1;
    padding: 20px 20px;
    background-color:#efefef;
    color:black;
    width: 90px;
    border-color:maroon;
    border-radius: 10px;
    border-width: 1px;;
    font-family: "Arial";
    font-weight: bold;
    font-size: large;
}

最后是JQuery ：（请注意，我已经用双引号和单引号以及不带引号测试了decision语句中的if变量）

$.ajax({
       type: 'GET',
       url: url,
       dataType: 'text',
       success: function(data) {
       var jsonobj = $.parseJSON(data)
var decision =  jsonobj['decision']
       if (decision == "0"){
           $("auth").css("background-color", 'green');
           $("status-message").css("display", 'inline');
           $("decline").css("background-color", 'efefef');
       }
});

最佳答案

更新您的Jquery语句。您忘记提及id(#)或class(.)选择器。

jquery - 无法根据JSON数据中的决策值更改背景颜色