0

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

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

我包括了 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>

现在我想做下一个动作:如果方法 = 保险将 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 相关的错误。

有人可以建议问题出在哪里吗?

4

4 回答 4

4

您缺少一堆引号...注意代码中突出显示的语法不正确?

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

与所有其他人一样。

于 2012-08-28T07:08:43.913 回答
3

你忘记'$(#bupa-vic) => $('#bupa-vic') http://jsfiddle.net/GZ8ZT/3/

于 2012-08-28T07:09:05.917 回答
1

尝试console.log( $('#method').text() )查看结果,也不要忘记添加$(#method)-$('#method')逗号。

于 2012-08-28T07:11:12.967 回答
1

您可以改为使用.contains()jQuery 的方法,它更简单,您可以使用任何注解来解释不同的单词:

$("td#method:contains('Insurance')");
$('td#bupa-vic').css("background-color", "blue");

​</p>

http://jsfiddle.net/Kyle_Sevenoaks/Hpj59/1/

于 2012-08-28T07:11:36.643 回答