Выложу рабочий вариант, вдруг кому понадобится )
Обрабатываем скобки:
data = data.replace(/([\(\[\{])/gim,'<span>$1');
data = data.replace(/([\)\]\}])/gim,'$1</span>');
data = data.replace(/([\{\}\(\)\[\]])/gim,'<span class="sk" onMouseOver="findsk(this)" onMouseOut="hidesk()">$1</span>');
Функции подсветки:
function findsk(el) {
el.parentNode.firstChild.style.backgroundColor = '#87CEEB';
el.parentNode.lastChild.style.backgroundColor = '#87CEEB';
}
function hidesk() {
el = $('.sk');
for (i=0; i<el.length; i++) {
el[i].style.background = 'none';
}
}
Там кусочек из jq попал...но думаю не проблема заменить )