如果某个元素有一些适当的文本,我想更改元素的背景颜色。
我想我在包含 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/