jQuery object `toString()` method
javascript, jquery
Solution
`Object.toString` returns a string representing the object (from the doc).
When talking about a jQuery object, the expected returned value for `Object.toString` is `"[object Object]"`.
Making it return HTML would simply be bad design, and could break stuff up.
Plus, it makes sense to have different explicit methods depending on what we want to retrieve from a jQuery object: `.html()` for HTML, `.text()` for stripping tags.
Problem
I extended the jQuery object to return it's inner HTML... ``` $.fn.toString = function() { return this.html(); }; console.log("The inner HTML is: " + $("<div>Here, <i>there</i>, everywhere</div>")); ``` Is there any reason why this is not the default behaviour? Does this break something? Updated to respond to answers/comments Firstly, I don't see how it would break much, except for type checks which rely on coercing jQuery objects into string, and matching text in that string. Am I wrong about this? This returns the `outerHTML` of all elements in a set, concatenated. Does this make any sense to anyone else? To me it makes quite a bit of sense. ``` var li, list; $.fn.toString = function() { var out; out = []; $.each(this, function(k, v) { return out.push($(v)[0].outerHTML); }); return out.join("\n"); }; list = $("<ul>\n <li>some <a href='/'>link</a> items</li>\n <li>some <a href='/'>link</a> items</li>\n <li>some <a href='/'>link</a> items</li>\n <li>some <a href='/'>link</a> items</li>\n <li>some <a href='/'>link</a> items</li>\n</ul>"); li = $("li", list); console.log("The html of it..: " + li); ```