2014-04-24 30 views
0

需要替換字符串並且想要編輯新字符串的CSS。使用javascript替換帶有id/class的新值的字符串

var newData = data.replace(/-/gi, ' <span id=\"newCss;\">//</span>'); 

任何人都知道如何解決這個問題?

感謝

+0

這似乎不清楚你在問什麼。更改新字符串的CSS?爲什麼你在span的'id'中有'newCss'?你的意思是把它包含在'style'而不是'id'中? – MMM

+0

是的。只需更改其他顏色的斜線即可。我從來沒有使用inline-css ... data.replace(/ -/gi,' //');你的意思是這樣嗎? – Nick

+0

「只是改變其他顏色的斜線」 - 什麼顏色?還有什麼顏色的?對不起,我很難理解你想要達到什麼目的?你只是想改變跨度的ID嗎? – MMM

回答

1

你不能根據DOM規則的ID分號,這可能是你的問題。此外,id應該只用於單數項目,所以除非你保證只有一個這樣的破折號在頁面上被替換,你應該使用一個類。

嘗試:

var newData = data.replace(/-/gi, ' <span class=\"coloredSlash\">//</span>'); 

,並確保在你的CSS或<style>你有

.coloredSlash { color: red; } 

然後,如果你想以後更改它的顏色,只是更新<style>元素。

+0

不起作用。例如:Jef - Louis - Mike - Charles。使用像你說的str.replace,輸出是:Jef // Louis // Mike // Charles // Nick

+0

似乎對我很好用:[link](http://jsfiddle.net/n8EqR/) – LordDragonfang