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