jquery - 需要找到所有带有此文本的 SPAN 标签并更改 CSS

Question

我有一份报告，我想在其中找到所有包含文本“GRAND TOTAL”的跨度标签，并且不止一个，并将它们的 css 属性背景颜色更改为红色。

这是我尝试过的：

$('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

您的代码绝对可以正常工作，但是如果是我，请使用：

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

Answer 3

它可以容易得多：

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

检查：工作 JSFiddle和更多信息Jquery 网站。

[编辑基于评论]

尝试将其更改为：

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