JSON将样式添加到从WebFOCUS填充的文本中

Question

我在从WebFOCUS填充的页面上有一个标题。

h1 id="statementTitle"

$('#statementTitle').text( camelCase(demoJSON.cycle) + ' Value Report');

$('#statementTitle h1:contains('Report')').attr('style','color:#008000');

它已被填充，但我想将文本颜色更改为部分颜色，并且它有问题。这是我第一次使用JSON。

Answer 1

你所拥有的似乎是jQuery，所以你需要的只是.css方法和正确的选择器：

$('#statementTitle').css('color', '#008000');

  

我只想找到部分文字来改变颜色，即“报告”这个词。

将该单词包装到自己的元素中，以便您可以将其作为样式更改的目标：

$('#statementTitle').html(
  camelCase(demoJSON.cycle) + ' Value <span class="callout">Report</span>'
);

然后：

$('#statementTitle .callout').css('color', '#008000');

或者更好，只需在CSS中定义文本颜色：

.callout {
  color: #008000;
}

选择适合您的任何课程名称。