如何根据点击聚焦于textarea？

Question

我有一些代码，当用户单击“添加评论”链接时，它会在其旁边查找某个命名的 div，并向下滑动该 div。在该 div 内部我有一个文本区域。

我的目标是当用户单击“添加评论”链接时将焦点设置在文本区域上。 我遇到的问题是我将有多个评论/文本区域/添加评论链接，我需要它，所以当您单击“添加评论”时，它会关注相应的文本区域。

这是我到目前为止所拥有的：

jQuery

$(".add-comment-btn").click(function(){
    $(this).next(".inline-comment-form").slideToggle(200);
    $(this).next(".inline-comment-form textarea").focus();
    return false;
});

HTML

<a class="add-comment-btn" href="#">Add Comment</a>         

<div class="inline-comment-form">
<form action="" method="post">
        <div class="textarea">
            <textarea class="inline-comment-textarea" name="comment-textarea"></textarea>
        </div>
        <input value="SUBMIT" name="submit-inline-comment" class="form-btn" type="submit">

    </form>
</div><!--/Inline Comment Form -->  

编辑： 我更新了代码以添加“添加评论”链接并移动了 return false

Answer 1

http://jsfiddle.net/Frgxv/

$(".add-comment-btn").click(function(){
    $(this).next(".inline-comment-form").slideToggle(200)
           .find("textarea").focus();

    return false;
});

next 仅适用于兄弟姐妹， textarea 不是同级。

Answer 2

嘿，试试这个： http://jsfiddle.net/jackrugile/XNkES/

我正在使用以下代码似乎有效：

$(this).next(".inline-comment-form").slideToggle(200).find('textarea').focus();