JSFiddle - React, Tailwind, and code Playground

by Umair Rafiq

HTML

<ul>
    <li data-row-internalnumber="+">she 345 everything</li>
    <li data-row-internalnumber="+2 002">+345 552 002</li>
    <li data-row-internalnumber="+135">+345 555 1135</li>
    <li data-row-internalnumber="123">+345 555 5123</li>
    <li data-row-internalnumber="21 3">+345 555 213</li>
    <li data-row-internalnumber="1 023">+345 551 023</li>
    <li data-row-internalnumber="500 1">+345 555 001</li>
    <li data-row-internalnumber="456">+456 555 4156</li>
    <li data-row-internalnumber="345">+345 555 345</li>
    <li data-row-internalnumber="3 333">+55 333333333</li>
    <li data-row-internalnumber="4 444">+4444 55 555</li>
</ul>

CSS

ul {
    padding:0;
    margin:0;
}

li {
    list-style:none;
}

JavaScript

$('li').each(function () {
    var attr = $(this).attr('data-row-internalnumber');
    var num = attr.replace(/[\+\s]/g,'');
    console.log(num);
    var finalnum = num.split('').join('\\s?').replace(/\"/,'');
    console.log(finalnum);
    var re = new RegExp("("+finalnum+")$");
    console.log(re);
    var oldval = $(this).html();
    $(this).html(oldval.replace(re,'<b>$1</b>'));
});