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

http://jsfiddle.net/GZ8ZT/3/で忘れまし'$(#bupa-vic) => $('#bupa-vic')

于 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 に答える