Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 无法根据JSON数据内的决策值更改背景颜色_Jquery_Html_Css_Json - Fatal编程技术网

Jquery 无法根据JSON数据内的决策值更改背景颜色

Jquery 无法根据JSON数据内的决策值更改背景颜色,jquery,html,css,json,Jquery,Html,Css,Json,我试图基于局部变量更改元素的背景色。该变量在JSON中如下所示: {“决策”:“0”} HTML: <div ><p id="status-message">&quot;Status Message&quot;<p></p></div> <br> <span id="auth">AUTH</span> <span id="decline">

我试图基于局部变量更改元素的背景色。该变量在JSON中如下所示:

{“决策”:“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>
最后是JQuery:(请注意,我已经测试了
if
语句中的
decision
变量,包括双引号、单引号和无引号)


更新Jquery语句。你忘了提到
id(#)
class(.)
选择器。

打字错误。。。您没有在诸如
$(“auth”)
之类的选择器中使用
.
。。。
#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;
}
$.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');
       }
});