jquery - このテキストを含むすべての SPAN タグを見つけて、CSS を変更する必要があります

Question

テキスト「GRAND TOTAL」を含むすべての span タグを検索したいレポートがあり、複数あり、css 属性の background-color を赤に変更します。

これが私が試したことです：

$('span').each(function(){ 
   if($(this).text() == "GRAND TOTAL"){ 
      $(this ).css( "background-color","red" ); 
   } 
}); 

そして、上記の派生物。上記の JavaScript コードをフォーマットする方法が明確ではありません。

Answer 1

<script type="text/javascript" language="javascript">
         jQuery(function(){ $('span').each(function(){
              var temptext = $(this).text().toLowerCase();
              if(temptext  == "grand total"){
                $( this ).css( {"background-color":"red" });
              }
          });
         });
</script>

小文字に変換.text()して正しいものを使用してみてください.css()

.css({ "background-color":"red" });

投稿を変更しました。Use jQuery(function(){})関数を初期化します。わたしにはできる

Answer 2

あなたのコードはまったく問題なく動作しますが、それが私の場合は次の ID を使用します。

$( "span:contains('GRAND TOTAL')" ).css("background-color","red");

Answer 3

それはとても簡単です：

$( "span:contains('GRAND TOTAL')" ).css( "background-color", "red" );

チェック: JSFiddleの動作、および詳細については、Jquery Web サイトを参照してください。

[コメントに基づく編集]

次のように変更してみてください。

$(document).ready( function () {
    $( "span:contains('GRAND TOTAL')" ).css( "color", "red" );
});