Замена определенного символа тегом html в jQuery

Question

Я пытаюсь создать определенное слово в строке, обернув его в тег <strong></strong>. Проблема в том, что это слово будет меняться все время, поэтому я думал о том, чтобы заставить их обернуть конкретное слово в скобках (во входном текстовом поле), а затем заменить открывающие и закрывающие скобки открывающими и закрывающимися сильными тегами.

Например:

"Who said (romance) was dead?" 

станет

"Who said <strong>romance</strong> was dead?" 

Что бы быть лучшим способом пойти об этом?

Answer 1

Вы можете использовать replace() с захватом группового REGEX

console.log(
 
    "Who said (romance) was dead?".replace(/\(([^)]+)\)/g, '<strong>$1</strong>') 
 
);

/\(([^)]+)\)/g 

Выше регулярным выражение будет соответствовать всем строкам между ( и ) и repcace захваченной группы данных окружать с <strong> бирка.

Regex explanation here

Answer 2

если ответ без регулярных выражений является приемлемым для вас, то попробуйте :)

var str = "Who said (romance) was dead?"; 

var wordToBeStronged = "romance"; 

str = str.split("(" + wordToBeStronged + ")").join("<strong>" + wordToBeStronged + "</strong>"); 

console.log(str);