JSFiddle - React, Tailwind, and code Playground

by vikaskbh

HTML

<h2>Highlight all list items start with string PHP</h2>

<ul>
    <li>JavaScript</li>
    <li>PHP</li>
    <li>ASP and PHP</li>
    <li>PHP and Perl</li>
    <li>Python</li>
</ul>

CSS

ul {
    list-style-type:none;
    width: 150px;
    border:1px solid #CCC;
    padding: 0;
    margin: 0;
}
h2 {
    margin: 0;
    padding: 0;
    font:bold 18px/50px arial, sans-serif
}
li {
    color:#000;
    font:bold 15px/24px arial, sans-serif;
    padding-left: 10px;
    margin-left: 0;
    border-bottom: 1px solid #ddd;
}

JavaScript

$(document).ready(function () {
    var list_elems_jq = $('li').toArray();
    //   var list_elems_pure = toArray('li');
    for (i in list_elems_jq) {
        if (list_elems_jq[i].innerHTML.match(/^php/i)) {
            list_elems_jq[i].style.backgroundColor = "#FF0";
        }
    }
});