Добавить стиль в часть текста

Question

Могу ли я добавить стиль в часть текста из значения <input> или <span>?

У меня есть некоторые данные, такие как:

{text text} an other text... 

И я буду применять стиль текста между {}.

Мои данные: <span>{RFS.KIS.ZWO} JJD000090085077412015021014193191</span>

Answer 1

Для SPAN:

$(function() { 
 
    var text = $("span").text(); 
 
    var replaced = text.replace(/\{(.*)\}/, function($0, $1) { 
 

 
     return "{<span style='color: red;'>".concat($1, "</span>}"); 
 

 
    }); 
 
    $("span").html(replaced); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span>Text: {something}</span>

Answer 2

Я не вижу Js часть здесь.

Если я правильно понял, вы хотите стили CSS на части текста. Для этого вы можете поместить этот текст в тег html и добавить к нему класс CSS с нужным стилем. (измененное форматирование)

например. HTML

<span class="myStyle">text text </span> more text. 

CSS

.myStyle { 
    color: red; 
} 

Answer 3

Оберните текст в теги вместо "{" "}" calsses:

<span class="mytag">text text</span> text text 

вы не можете стилизовать свой класс seperatly

<style> 
.mytag { 
    color: blue; 
} 
</style> 

или метки, например (не работает для всех браузеров):

<mytag>text text</mytag> text text 

вы не можете укладывать тег seperatly

<style> 
mytag { 
    color: blue; 
} 
</style>