jquery - 无法使用 jQuery 在条件下更改元素的背景颜色

标签 jquery html css

如果某个元素有一些适当的文本,我想更改元素的背景颜色。

我想我在包含 jQuery 时遇到了麻烦。简单警报不起作用。

我包括了 jQuery:

<script src="http://code.jquery.com/jquery-latest.js"></script>

并将 id 添加到适当的元素:

<td id="method">Some method</td>
<td>RAM_UNITS</td>
<td id="bupa-vic">RAM_MBP</td>
<td>RAM_SCHED</td>
<td>RAM_REBATE</td>
<td id="oop">RAM_OOP_NO_GAP</td>
<td>RAM_OOP_GAP</td>
<td id="total">RAM_TOTAL_EXPENCE</td>

现在我想做下一个 Action :如果 method = insurance 将 buppa 的背景颜色更改为蓝色。

这是我的 jQuery:

$(document).ready(function(){
    if ( $('#method').text() == 'Insurance' ) {
      $(#bupa-vic).css({'background-color': 'blue'});
    }
    if ( $('#method').text() == 'out of pocket' ) {
      $(#bupa-vic).css({'background-color': 'blue'});
      $(#oop).css({'background-color': 'blue'});
    }
    if ( $('#method').text() == 'Total account' ) {
      $(#total).css({'background-color': 'blue'});
    }
});

但它不起作用。在 Google 控制台中也没有与 jQuery 相关的错误。

谁能指出问题出在哪里?

最佳答案

您遗漏了一堆引号...注意到代码中突出显示的错误语法了吗?

$('#bupa-vic').css({'background-color': 'blue'});
--^---------^--

与所有其他人相同。

关于jquery - 无法使用 jQuery 在条件下更改元素的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12154340/

相关文章:

jquery - CSS - float 元素矩阵

html - flex 盒子折叠在另一个盒子的顶部

javascript - 如何删除 appendChild 中的特定 css?

Jquery Mobile 按钮数据-mini

javascript - 如何在用户滚动到页面底部时启动 jQuery 事件?

javascript - 通过 javascript 访问 JSON

javascript - Jquery 在 DIV 中获取子 DIV

jquery - Bootstrap 3 选项卡内容溢出页脚

jquery - 侧边栏 jquery 和 bootstrap 菜单中奇怪的悬停行为

css - 带有 ul li hover 的子菜单变得透明