javascript - contenteditable divの子であるタグの直前にカーソルを置く方法

Question

私はこのhtmlを持っています:

<div id="myEditor" contenteditable="true">
    Hey Jony whats up. Are you up. Also need <a id="89" contenteditable="false">Philly</a> for today's presentation
</div>

jQueryを使用して「a#89」の直前にカーソルを移動するにはどうすればよいですか? さまざまな答えを調べていましたが、少し複雑すぎることがわかりました。

これは私が見つけたスニペットですが、今まで価値がありませんでした:

function setCursor(contentEditableElement)
{
    var range,selection;
    if(document.createRange)//Firefox, Chrome, Opera, Safari, IE 9+
    {
        range = document.createRange();
        range.selectNodeContents(contentEditableElement);
        range.collapse(false);
        selection = window.getSelection();
        selection.removeAllRanges();
        selection.addRange(range);
    }
    else if(document.selection)//IE 8 and lower
    { 
        range = document.body.createTextRange();
        range.moveToElementText(contentEditableElement);
        range.collapse(false);
        range.select();
    }
}