JSFiddle - React, Tailwind, and code Playground
HTML
<b class="xyzxterms" style="cursor: default; ">bryant keil bio</b>
<b class="xyzxterms" style="color:red">bryant keil bio</b>
<b class="xyzxterms" style="color:blue">bryant keil bio</b>
CSS
h1 {
font-size: 300%
}
.strike{text-decoration: line-through;}
JavaScript
$.fn.changeElementType = function (newType) {
var newElements,
newElement;
this.each(function () {
var attrs = {};
$.each(this.attributes, function () {
attrs[this.nodeName] = this.nodeValue;
});
newElement = $("<" + newType + "/>", attrs).append($(this).contents());
$(this).replaceWith(newElement);
if (!newElements) {
newElements = newElement;
} else {
$.merge(newElements, newElement);
}
});
return $(newElements);
};
$("b").changeElementType("h1").addClass('strike');