:submit vráti: Array
Vyberie všetky input elementy typu submit.
:submit
selektor sa zvyčajne vzťahuje na button
alebo input
elementy. Všimnite si, že niektoré prehliadače implicitne traktujú <button>
element ako type="default"
, zatiaľ čo iné (napr. Internet Explorer) nie.
Priklady:
Vyhľadá všetky submit elementy, ktoré sú potomkami TD elementu.
<!DOCTYPE html> <html> <head> <style> textarea { height:45px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <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></textarea></td></tr> <tr><td><button>Button</button></td></tr> <tr><td><button type="submit">Button type="submit"</button></td></tr> </table> </form> <div id="result"></div> <script> var submitEl = $("td :submit") .parent('td') .css({background:"yellow", border:"3px red solid"}) .end(); $('#result').text('jQuery matched ' + submitEl.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(), inputType = inputEl.attr('type') ? ' type="' + inputEl.attr('type') + '"' : ''; $(el).before('<td>' + inputEl[0].nodeName + inputType + '</td>'); }) </script> </body> </html>