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ますが、ユーザーが.topdivのリンクをクリックしたときに、divの入力フィールドにフォーカスを設定するにはどうすればよいですか。

私は現在、.bottom以下のJQueryコードを使用してクリックでdivを正常に表示していますが、同時に入力フィールドにフォーカスを設定する方法を理解できないようです。

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

ありがとう！

これを試して、フォーカスを最初の入力フィールドに設定します。

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

入力がたまたまブートストラップモーダルダイアログにある場合、答えは異なります。フォーカスを設定する方法から、ブートストラップモーダルの最初のテキスト入力にコピーした後、 これが必要です。

$('#myModal').on('shown.bs.modal', function () {
  $('#textareaID').focus();
})  

ジャスティンの答えは私にはうまくいきませんでした（Chromium 18、Firefox 43.0.1）。jQuery.focus()は視覚的な強調表示を作成しますが、テキストカーソルはフィールドに表示されません（jquery 3.1.0）。

https://www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/からインスピレーションを得て、入力フィールドにautofocus属性を追加しました。

function addfield() {
    n=$('table tr').length;
    $('table').append('<tr><td><input name=field'+n+' autofocus></td><td><input name=value'+n+'></td></tr>');
    $('input[name="aa"'+n+']').focus();
}