JQuery kullanarak Giriş Alanına Odaklanma Nasıl Ayarlanır

Aşağıdaki HTML yapısı göz önüne alındığında:

<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>

sayfada birkaç kez tekrarlanacaksa .bottom, bir kullanıcı div'deki bağlantıyı tıkladığında div'deki giriş alanına odağı nasıl ayarlayabilirim .top?

Şu anda .bottomaşağıdaki JQuery kodunu kullanarak div'in tıklamada başarılı bir şekilde görünmesini sağlıyorum, ancak aynı zamanda giriş alanına odaklanmanın nasıl ayarlanacağını anlayamıyorum.

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

Teşekkürler!

Odağı ilk giriş alanına ayarlamak için şunu deneyin:

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

Giriş bir önyükleme kalıcı iletişim kutusunda olursa, yanıt farklıdır. Odağı, gösterildikten sonra bir önyükleme modelinde ilk metin girişine Nasıl Ayarlanır bölümünden kopyalama , gerekli olan şeydir:

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

Justin'in cevabı benim için işe yaramadı (Chromium 18, Firefox 43.0.1). jQuery .focus(), görsel vurgu oluşturur, ancak metin imleci alanda görünmez (jquery 3.1.0).

Https://www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/'dan esinlenerek , giriş alanına ve işte otomatik odaklama özelliğini ekledim !

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();
}