Finds all submit inputs.
Edit code and click me
Your Result
(Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ var input = $(":submit").parent('td').css({background:"yellow", border:"3px red solid"}); $('#result').text('jQuery matched ' + input.length + ' elements.'); // so it won't submit $("form").submit(function () { return false; }); // Extra JS to make the HTML easier to edit (None of this is relevant to the ':submit' selector $('#exampleTable').find('td').each(function(i, el) { var inputEl = $(el).children().get(0); $(el).before('<td>' + $(inputEl).attr('type') + '</td>'); }) }); </script> <style> textarea { height:45px; } </style> </head> <body> <table> <form> <table id="exampleTable" border="1" cellpadding="10" align="center"> <tr> <th> Element Type </th> <th> Element </th> </tr <tr> <td> <input type="button" value="Input Button"/> </td> </tr> <tr> <td> <input type="checkbox" /> </td> </tr> <tr> <td> <input type="file" /> </td> </tr> <tr> <td> <input type="hidden" /> </td> </tr> <tr> <td> <input type="image" /> </td> </tr> <tr> <td> <input type="password" /> </td> </tr> <tr> <td> <input type="radio" /> </td> </tr> <tr> <td> <input type="reset" /> </td> </tr> <tr> <td> <input type="submit" /> </td> </tr> <tr> <td> <input type="text" /> </td> </tr> <tr> <td> <select><option>Option</option></select> </td> </tr> <tr> <td> <textarea>
Button
