字符串的粗體部分/將樣式添加到變量

我只需要粗體顯示此字符串中的日期。字符串的粗體部分/將樣式添加到變量

<div class="foo"><p> Click here now and get by January 1st </p></div>

我能夠拉出來的日期和它

var fullMessage = $('.foo p').text(); 
var justTheDate = fullMessage.substring(fullMessage.indexOf('get by') + 7);

創建一個變量，但我不能大膽子/可變我創建的。我希望這樣的事情可以工作：

$(justTheDate).css("font-weight","700");

這可能嗎？

來源

2016-11-15 user3390251

從提出問題的方式來看，您並不清楚您正在處理已經呈現的html頁面。 – javaBean007

-1

假設日期在最後，您可以使用jquery（或常規javascript）創建一個span，並使用append或appendChild將其添加到p標記中。

var fullMessage = $('.foo p') 
var justTheDate = fullMessage.substring(fullMessage.text().indexOf('get by') + 7); 
fullMessage.append('<span class="date">' + justTheDate + '</span>');

~~把它放在一個範圍內，並使用一個類來處理該部分的CSS。~~

~~<style> .date { font-weight: 700; } </style> <div class="foo"><p> Click here now and get by <span class="date">January 1st</span></p></div>~~

來源

2016-11-15 20:35:00 baseballlover723

OP詢問如何添加....不直接添加到HTML中。 – epascarello

相信我，如果可以的話，我會這麼做的！數據正在以這種方式返回給我。 – user3390251

我希望這可以幫助你：

var element = $('.foo p'), 
    fullMessage = element.text(), 
    justTheDate = fullMessage.substring(fullMessage.indexOf('get by') + 7), 
    boldIt = '<span style="font-weight: 700">' + justTheDate + '</span>', 
    newHtml = fullMessage.replace(justTheDate, boldIt); 

    element.html(newHtml)

Fiddle demo

來源

2016-11-15 20:39:12

不知道爲什麼你不能簡單地在一個強大的標籤包裝的日期部分？

如果日期是動態填充的，就像通過一個變量一樣，你可以在你的p標籤中有一個span標籤的佔位符，裏面有一個類。

由於<span class="date"></span>

注入你的日期值到該標籤，然後簡單地套用css來此標記。

span.date{font-weight: 600;}。

來源

2016-11-15 20:41:09 javaBean007

字符串的粗體部分/將樣式添加到變量

回答

相關問題