javascript - 单击时将文本从 div 添加到文本区域

Question

我想允许用户编辑他们的帖子，为此我希望他们能够单击链接，一旦按下他们的帖子原来所在的 div 将隐藏，并且新的 div 将与文本一起可见从文本区域内的旧 div - 这样他们就可以轻松地编辑旧帖子。

过去一小时我一直在尝试搜索，但在任何地方都找不到可靠的答案。

我拥有的 HTML:

<div class="post-content">
    <div class="post-inner-content">
        <p>Users comment will go here</p>
    </div><!-- .post-inner-content -->
    <a href="#" class="edit-post">Edit Post</a>
    <div class="edit-post-area">
        <textarea></textarea>
    </div><!-- .edit-post-area -->
</div><!-- .post-content -->

Answer 1

应该很简单:

$("a.edit-post").click(function() {
    //Get the text
    var text = $(this).prev("div.post-inner-content").text();

    //Create a text area selector (container, rather)
    var textarea = $(this).next("div.edit-post-area");

    //Give the textarea a value
    $("textarea", textarea).val(text);

    //Show it (if hidden)
    //textarea.show();
});

fiddle :http://jsfiddle.net/tudcP/