[解決済み] JQueryを使用して入力フィールドにフォーカスを設定する方法

質問

次のようなHTML構造があるとする。

<div class="wrapper">
    <div class="top">
        <a href="http://example.com" class="link">click here</a>
    </div>
    <div class="middle">
        some text
    </div>
    <div class="bottom">
        <form>
            <input type="text" class="post">
            <input type="submit">
        </form>
    </div>
<div>

の入力フィールドにフォーカスを当てるにはどうしたらよいでしょうか。 .bottom div の入力フィールドにフォーカスを当てるにはどうしたらよいでしょうか。 .top divのリンクをクリックしたとき？

現在、私が作っているのは .bottom をクリックすると正常に表示されるようにしていますが、入力フィールドに同時にフォーカスを設定する方法がわからないようです。

$('.link').click(function() {
    $(this).parent().siblings('div.bottom').show();
});

ありがとうございます。

どのように解決するのですか？

最初の入力フィールドにフォーカスを合わせるには、次の方法を試してください。

$(this).parent().siblings('div.bottom').find("input.post").focus();