jquery - 使用 jQuery 更改文本区域 Spotfire 的背景颜色

标签 jquery html css spotfire

我在 spotfire 的文本区域中有两个计算值。我想使用 jQuery 根据一个值是否高于另一个值来更改文本区域背景的颜色。我已设置好,但无法正常工作。看起来好像它甚至没有执行。这是 HTML。

 <body id = wrapper>
 <SPAN id = thisyear><SpotfireControl id="2f97a6afc3e64512977dd042a7e32351"     /></SPAN>

 <SPAN id = lastyear ><SpotfireControl id="f98415c74eb34cedbab057f763788bc6" /></SPAN>
 </body>

顶部计算值(今年 ID)为 77750,底部计算值(去年 ID)44086

我的想法是,当过滤器改变值时,我希望背景颜色也改变。这是当前不工作的 jQuery:

$( "#thisyear" ).change(function() {
   var thisyearval = ParseInt($("#thisyear").val());
   var lastyearval = ParseInt($("#lastyear").val());
   if (thisyearval > lastyearval){
       $("#wrapper").css("background-color", "#009900")
       } else{$("#wrapper").css("background-color", "#FF0000")}
});

我是 jQuery 的新手,非常感谢任何帮助!

最佳答案

我最终弄清楚了这一点。这是 html:

<body >
<div id = wrapper>
<div id = thisyear><SpotfireControl id="d644de4c97c440fbb78c561f190e5a47" />   </div>

<div id = lastyear ><SpotfireControl id="f98415c74eb34cedbab057f763788bc6" /></div>
</div>
</body>

以及完成这项工作的 jQuery:

setInterval(function() {
   var thisyearval = parseInt($("#thisyear").text(),10)
   var lastyearval = parseInt($("#lastyear").text(),10)


   if (thisyearval > lastyearval){
      $("#wrapper").css("background-color", "#009900")
   } else{$("#wrapper").css("background-color", "#FF0000")}
}, 500);

原来 spotfire 不支持 jQuery 中的 change 函数,所以我使用 setInterval() 基本上一遍又一遍地调用该函数。

希望这也能帮助其他人。

关于jquery - 使用 jQuery 更改文本区域 Spotfire 的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42044199/

相关文章:

javascript - 动画 jquery 切换类

html - 使用 css 制作下拉框时未获得所需的输出

html - 如何使边框与宽度匹配的 HTML 元素居中

javascript - 与变量的范围作斗争,无法在函数之间传递城市

javascript - 如何将 span 元素添加到 img,然后用链接包装所有内容?

javascript - 使用 jquery 父函数获取隐藏输入的值

html - 文本溢出 Div 使用变换时 : rotate(90. 0deg)

javascript - 如何在具有特定 ID 的 <ul> 下过滤 <li>?

javascript - jquery 支持多个项目?

javascript - 使用 jQuery 从 RSS 提要中提取内容