: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 > |