Изменить CSS выделенного текста с помощью Javascript

Я пытаюсь создать букмарклет javascript, который будет работать как маркер, меняя фон выделенного текста на веб-странице на желтый при нажатии на букмарклет.

Я использую следующий код, чтобы получить выделенный текст, и он работает нормально, возвращая правильную строку

function getSelText() {
var SelText = '';
if (window.getSelection) {
    SelText = window.getSelection();
} else if (document.getSelection) {
    SelText = document.getSelection();
} else if (document.selection) {
    SelText = document.selection.createRange().text;
}
return SelText;

}

Однако, когда я создал аналогичную функцию для изменения CSS выделенного текста с помощью jQuery, она не работает:

function highlightSelText() {
var SelText;
if (window.getSelection) {
    SelText = window.getSelection();
} else if (document.getSelection) {
    SelText = document.getSelection();
} else if (document.selection) {
    SelText = document.selection.createRange().text;
}
$(SelText).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});

}

Есть идеи?

Ответы на вопрос(6)

Ваш ответ на вопрос