JSFiddle - React, Tailwind, and code Playground
HTML
<div><a href="/a-link-to-a-porsche-page">This is a link to a porsche page</a></div>
CSS
.highlighted {
color: #ff0000;
}
JavaScript
jQuery.fn.highlight = function (str, className) {
var regex = new RegExp(str, "gi");
return this.each(function () {
checkHighlight(this);
});
function checkHighlight(obj) {
var children = $(obj).children();
if(children.length == 0) {
doHighlight(obj);
} else {
children.each(function() {
checkHighlight(this);
});
}
}
function doHighlight(obj) {
obj.innerHTML = obj.innerHTML.replace(regex, function(matched) {return "<span class=\"" + className + "\">" + matched + "</span>";});
}
};
$(document).ready(function() {
$("div").highlight("porsche", "highlighted");
});