如果单词的第一个字符匹配，则在字符串列表中搜索任何出现的单词并突出显示匹配的单词。Javascript regex

Question

Click here This works with [substring of word ][matches]. ideally which not match on substring.

if searched word first character matches with first character of any words in list of string to be searched. matched characters should be highlighted

 // Core function function buildRegexFor(find) { return '(' + find + ')'; } // Handle button click event document.querySelector('button').onclick = function () { // (1) read input var find = document.querySelector('input').value; var str = document.querySelector('textarea').value; // (2) build regular expression using above function var regexStr = buildRegexFor(find); // (3) apply regular expression to text and highlight all found instances str = str.replace(new RegExp(regexStr, 'g'), "<strong class='boldtxt'>$1</strong>"); // (4) output document.querySelector('span').textContent = regexStr; document.querySelector('div').innerHTML = str; };

 .boldtxt { color: red; }

 Value to find: <br> <input value="eter"> <br> <button>find</button> <br> Text to find in: <br> <textarea cols=40>meter parameter eter water twitter eternal</textarea> <br> Regex: <span></span> <br> <div></div>

.

words can have special characters as well which has to be highlighted if it matches. Below is piece of code which i have tried to achieve. eter nal is only word in which eter should be highlighted, where as eter in Meter and Parameter should not be highlighted.

Answer 1

Change the function that creates the regex to the following

function buildRegexFor(find) {
    return '(\\b' + find +')';
}

that will highlight only the occurrences of the string if they are at the beginning of the word or the word themselves. If I understood your question correctly, that is what you need.

Thanks

Paras