jquery - 在嵌套contentEditable之后设置光标位置

我有这个标记

<div contentEditable="true">
    Some other editable content
    <div class="field" contentEditable="false">
        <span class="label">This is the label</span>
        <span class="value" contentEditable="true">This is where the caret is</span>
    </div>
    <!-- This is where I want the Caret -->
</div>

插入符当前处于.field跨度中。

我需要将父.field中的contentEditable 移到之后。

如何通过javascript(必要时使用jQuery)完成此任务？

如图所示，当插入符号位于.value范围内时，它将尝试在keydown事件上触发它。

最佳答案

对上一个答案的更新。
http://jsfiddle.net/GLzKy/4/

placeCaretAtEnd($(this).parent().nextAll('.field').children('value'));

更新

更新的答案中包含正确答案

关于jquery - 在嵌套contentEditable之后设置光标位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14449721/