JSFiddle - React, Tailwind, and code Playground

by salitrapraveen

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<p>I want to put a ding in the universe.</p>

JavaScript

var $p = $('p');

//splits after every char
var array = $p.text().split('');

var incorrect = [];

//store incorrect char indices
incorrect.push(3);
incorrect.push(5);
incorrect.push(7);
incorrect.push(10);
incorrect.push(13);
incorrect.push(14);



$.each(array, function(i) {
    if ($.inArray(i, incorrect) > -1) {
        array[i] = '<span style="color: red">' + array[i] + '</span>';
    }
});


$p.html(array.join(''));