需要使用此文本查找所有SPAN标记并更改CSS

时间:2013-10-31 14:34:55

标签: jquery css each

我有一个报告,我想找到包含文本“GRAND TOTAL”的所有span标签,并且有多个,并将其css属性background-color更改为红色。

以下是我的尝试:

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

以上的衍生物。我不清楚如何格式化上面的JavaScript代码。

3 个答案:

答案 0 :(得分:0)

<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(){})用于初始化您的功能。它对我有用

答案 1 :(得分:0)

你的代码工作得非常好,但如果是我的id,请使用:

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

答案 2 :(得分:0)

它可以更容易:

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

检查:working JSFiddle以及更多信息the Jquery website

[ EDIT基于评论]

尝试将其更改为:

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