在<a> tag</a>中选择并关注文字

Question

我有一个div，可以通过点击进行编辑，然后保存已编辑的数据。

现在我能够专注，但不知何故无法选择所有文字，并且在文本末尾而不是焦点开始< /强>

<div class="edit-section"> 
    <a>Name</a>
</div>

 <a href='#' class="edit">Edit</a>

的jQuery

 $('.edit').click(function () {
        $(this).siblings('.edit-section').focus();
        $(this).siblings('.edit-section').attr('contenteditable', 'true');
        $(this).siblings('.edit-section').attr('style', 'border:2px solid;');

    });

我试过以下但似乎没有用。

 $(this).siblings('.edit-section').focus(function () { $(this).select() });

编辑：jQuery新手

Answer 1

我认为你不能在contenteditables上调用.select()，但在元素聚焦时尝试使用execCommand：

document.execCommand('selectAll', false, null);

演示：http://jsfiddle.net/F65D3/