JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<button id="btn">Press it</button>
<span class="value">http://google.co.uk</span>

<span class="value">http://www.barratthomes.co.uk:80/globalassets/property-content/5-bdw-eastern/h618701-trumpington-meadows/splash-screen_trumpington-meadows_new.jpg?preset=Original&v=20150625112515873</span>

<span class="value">Cheese</span>

<span class="value">Cream</span>

CSS

.url {
    color: green;
}
.notURL {
    color: red;
}
.value {
    display: block;
    margin-top: 10px;
}

JavaScript

$('#btn').click(function () {
        $('span.value').each(function () {
            if ($(this).text().indexOf('http') == 0) {
                $(this).addClass('url');
            } else {
                $(this).addClass('notURL');
            }
        })
    });