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');

我正在寻找文本的一部分来改变颜色，单词'Report‘。

将该单词包装到它自己的元素中，这样您就可以针对它进行样式更改：

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

然后：

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

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

.callout {
  color: #008000;
}

选择适合您的类名。