JSFiddle - React, Tailwind, and code Playground
HTML
<a href="link" class="but">Первая часть строки «а это вторая»</a>
CSS
.but {
background: green none repeat scroll 0 0;
color: #fff;
font-family: Arial;
font-size: 14px;
padding: 10px 20px;
text-align: center;
text-decoration: none;
width: 185px;
display: inline-block
}
JavaScript
// Функция addHtml() добавляет HTML-элементы в выбранный элемент страницы.
//
// Параметры функции:
// obj: ссылка на HTML-объект странице
// code: добавляемый HTML-код
// sign: признак, для определения места вставки нового кода
// place:
// before: вставить ДО указанного признака
// after: вставить ПОСЛЕ указанного признака
function addCode(obj, code, sign, place) {
var linkAnchor = obj.text().split('');
var linkAnchorNew = '';
$.each(linkAnchor, function(index, value) {
if(value == sign) {
if(place == 'before') {
value = code + value;
}
if(place == 'after') {
value = value + code;
}
}
linkAnchorNew = linkAnchorNew + value;
});
obj.html(linkAnchorNew);
}
var a = $('a[href="link"]');
var b = '<br />';
var c = '«';
addCode(a, b, c, 'before');