: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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | <!DOCTYPE html><html> <head> <style> textarea { height:45px; } </style> </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> |
