2016-02-02 33 views
0

我從WebFOCUS填充的頁面上有一個標題。JSON添加樣式到從WebFOCUS填充的文本

h1 id="statementTitle" 

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

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

它正在填充,但我想將文本顏色更改爲其中的一部分,並且它有問題。這是我第一次使用JSON。

+0

我不明白這與JSON有什麼關係? '$('#statementTitle')。text(...)'似乎是jQuery。你是這個意思嗎? –

回答

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; 
} 

選擇適合您的任何類名稱。

+0

那麼確實沒有錯誤的工作。我正在尋找只有部分文字改變顏色,單詞'報告'。 – user2292805

+0

在這種情況下,您必須將該單詞包裝到一個元素中並定位該元素。讓我更新我的答案。 –