Учитывая следующую структуру 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>
которая будет повторяться несколько раз на странице, как мне установить фокус на поле ввода в div .bottom
, когда пользователь щелкает ссылку в .top
div?
В настоящее время я создаю div .bottom
, успешно появляющийся при щелчке, используя приведенный ниже код JQuery, но, похоже, не могу понять, как одновременно установить фокус на поле ввода.
$('.link').click(function() {
$(this).parent().siblings('div.bottom').show();
});
Спасибо!