2012-03-31 151 views
1

我在頁面上有多個按鈕,我想模擬點擊NEXT按鈕。jQuery點擊下一步按鈕

$('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> 

註釋的代碼工作,但點擊頁面上的所有按鍵。

任何幫助表示讚賞,謝謝。

+6

這取決於你的HTML是什麼樣子... – 2012-03-31 15:34:06

+0

嘿@AndrewWhitaker,你能解釋一下嗎?我必須使用.parents()嗎? – Prash 2012-03-31 15:38:05

+0

您可能正在尋找以下按鈕。但是'next('somehere')'只是一個條件語句。它不會自動給你下面的按鈕。只是,如果下一個*是一個按鈕,它將在下一步執行。 – Marnix 2012-03-31 15:39:57

回答

2

鑑於您的標記:

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

基本上,找到closest錶行,然後找到緊接其後tr。裏面有trfind你想點擊的按鈕。

下一頁找到緊隨同胞,在該事件發生在實際上不會找到任何東西input所以調用next

例子:http://jsfiddle.net/N3WBP/

+0

感謝這一點,不知道next()函數的工作原理。這個HTML是一個婊子工作。再一次,謝謝! – Prash 2012-03-31 15:50:28

+0

沒問題,很高興幫助! – 2012-03-31 15:50:45