使用 jquery 更改特定标题的颜色

问题描述

如果标题等于特定文本，我希望更改标题文本颜色。在这种情况下，当标题为“Guilherme”时，我尝试更改颜色。有什么帮助吗？

部分网页链接：

xpto.com/otrs/index.pl?Action=AgentTicketZoom;TicketID=17564

HTML 代码：

jquery 脚本：

$(document).ready(function() {
  setTimeout(function() {
    const Action = Core.Config.Get("Action");
    const SupportedActions = ["AgentTicketZoom"];
    if ($.inArray(Action,SupportedActions) !== -1) {
      if (Action === "AgentTicketZoom") {
        $("label:contains('Firstname:')").hide()       
        changeColor();
      }
    }

    function changeColor() {
      $("select[title='Firstname:']"){
        if ($(this).find('.Guilherme').length > 0){
          $(this).css("color","red");
        }
      });
    }
  })
});

解决方法

您可以使用属性选择器通过 css 设置颜色：

p[title=Guilherme] {
  color: red; 
}

<label>Firstname:</label>
<p class='Value FixedValueSmall' title="Guilherme">
  Guilherme
</p>
<p class='Value FixedValueSmall' title="Not Guilherme">
  Not Guilherme
</p>

如果您打算使用 jquery，可以使用相同的选择器：

$("p[title=Guilherme]").addClass("red");

// or .css if you don't like classes
//$("p[title=Guilherme]").css("color","red");

.red {
  color: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Firstname:</label>
<p class='Value FixedValueSmall' title="Guilherme">
  Guilherme
</p>
<p class='Value FixedValueSmall' title="Not Guilherme">
  Not Guilherme
</p>