Ich versuche, ein Javascript-Lesezeichen zu erstellen, das als Textmarker fungiert und den Hintergrund des ausgewählten Texts auf einer Webseite in Gelb ändert, wenn das Lesezeichen gedrückt wird.

Ich verwende den folgenden Code, um den ausgewählten Text zu erhalten, und er funktioniert einwandfrei und gibt die richtige Zeichenfolge zurück.

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;

}

Als ich jedoch eine ähnliche Funktion erstellt habe, um das CSS des ausgewählten Texts mithilfe von jQuery zu ändern, funktioniert sie nicht:

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'});

}

Irgendwelche Ideen