Javascript 将特定div实例中的文本添加到textarea

因此，我试图在用户单击编辑链接时向文本区域添加一些文本。用户将单击编辑链接，然后将显示一个带有文本区域的弹出框，其中显示用户当前的评论

将有多个具有不同文本的

.comment block

实例，因为此文本将是用户输入的注释。我想从特定的

.comment块中获取
.text
文本，具体取决于单击的
.edit
链接。因此，如果一个评论块的文本为“hello”，而另一个评论块的文本为“world”，那么我想选择“hello”或“world”并将其放入文本区域，具体取决于从父评论块中单击的编辑链接

希望这是有道理的

<div class="comment-block">
    <div class="row">
        <div class="col-xs-1">
            <img src="/graphics/blank-avatar.jpg">
        </div>
        <div class="col-xs-11">
            <p>
                <span class="name">David Johnson</span>
                <span class="text">Nice selection of images! Well done!</span>
                <span class="edit">Edit</span>
            </p>
            <div class="date-posted">
                Posted at 14:10 on 23rd September 2014
            </div><!-- .date-posted -->
        </div><!-- .col-xs-10 -->
    </div><!-- .row -->
</div><!-- .comment-block -->

像这样的

$(".edit").click(function(){
    var text = $(this).parent().find(".text").first().html();
    $("#ta1").html(text);
});

您可以这样做：

$(".edit").click(function(){
    var text = $(this).prev(".text").text();
    var textarea = $("#community-message-alt");
    textarea.text(text);
    textarea.show();
});

你忘了发布你尝试过的JavaScript。谢谢，这是完美的。你能解释一下你在那里做了什么吗？当然：有了$（this），你就得到了clicked元素，所以你可以转到它的父元素，在它们的子元素中找到一个“text”类元素。一旦找到，您将获得第一个，并检索其html。然后，只需将html设置为textarea标记：）
$(".edit").click(function(){
    var text = $(this).prev(".text").text();
    var textarea = $("#community-message-alt");
    textarea.text(text);
    textarea.show();
});