Show the order in the jQuery object

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE html> <html> <head> <style> b { color:red; font-size:16px; display:block; clear:left; } div,span,p { width: 40px; height: 40px; float:left; margin: 10px; background-color: blue; padding:3px; color:white; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <span>span</span> <p>p</p> <p>p</p> <div>div</div> <span>span</span> <p>p</p> <div>div</div> <b></b> <script> var list = $("div,p,span").map(function () { return this.tagName; }).get().join(", "); $("b").append(document.createTextNode(list)); </script> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself