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

Justin의 대답은 저에게 효과가 없었습니다 (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();
}