JQuery нажмите кнопку «Далее»

Question

У меня есть несколько кнопок на странице, и я хочу смоделировать нажатие на кнопку СЛЕДУЮЩАЯ.

$('input, select').keydown(function(e){
    if(e.which == 13)
    //$('input[type*=button]').click();
    $(this).next('input[type*=button]').click();
});

Html:

<tr>
    <td class="cell">
        <input type="text" name="domain" class="entryfield" value="http://">
    </td> 
</tr> 
<tr> 
    <td class="cell" align="right" colspan="2">
        <input type="button" class="button" value="Get IP" id="submitDomain"/>
    </td>
</tr>

Код с комментариями работает, но при этом нажимаются все кнопки на странице.

Любая помощь приветствуется, спасибо.

Answer 1

Учитывая вашу разметку:

$("input, select").keydown(function() {
    $(this).closest("tr").next().find("input:button").click();
});

По сути, найдите строку таблицы closest, а затем найдите ближайшего родственника tr.Внутри этой tr find кнопки, на которую вы хотите нажать.

Далее находит , следующий сразу за родным братом , вызывая next на input, на котором произошло событие, фактически ничего не найдет.

Пример: http://jsfiddle.net/N3WBP/

Answer 2

попробуйте это:

$(this).next().click();

как здесь: http://api.jquery.com/next/