JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='ul'></ul>

JavaScript

var t="Cadbury Gems 100gm Tasty";
var wordArr='gems tasty'.toLowerCase().replace(/\b[a-z]/g, function(letter) {return letter.toUpperCase();}).split(' ');
                    $.each(wordArr,function(i){
                        console.log(wordArr[i]);
                      var re = new RegExp("^" + wordArr[i], "i") ;
                      t = t.replace(re,"<span style='font-weight:bold;color:Blue;'>" + wordArr[i] + "</span>");
                    })
                    console.log(t);
                    var li= $("<li></li>")
                    //.data("item.autocomplete", item)
                    .append("<a style='text-align:left'>" + t + "</a>")
                    .appendTo($('#ul'));