2012-03-31 6 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> 

コメントしたコードは動作しますが、それはページ上のすべてのボタンをクリックします。

ご協力いただきありがとうございます。ここのような

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

+6

それはあなたのHTMLが... –

+0

ねえ@AndrewWhitakerどのように見えるかに依存して、あなたはもう少ししてください説明できますか?私は.parents()を使う必要がありますか? – Prash

+0

あなたはおそらく次のボタンを探しています。しかし、 'next( 'somethinghere')'のみが条件文です。自動的に次のボタンは表示されません。ちょうど、次の*が*ボタンの場合は、次に実行されます。 – Marnix

答えて

2

を考えると、あなたのマークアップ:基本的に

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

は、その直接の兄弟trを見つけ、closestテーブルの行を見つけます。その中のtrfindボタンをクリックします。

次のようにイベントが発生したことにinputnextを呼び出すと、実際に何かを見つけることができませんでしょう、直後の兄弟を見つけました。

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

+0

これはありがとうございました。これはありがとうございました。 "cell" align = "right" colspan = "2"> next()関数の働きこのHTMLはうまく動作します。もう一度、ありがとう! – Prash

+0

問題ないです。喜んで助けてください! –

関連する問題