In the jQuery add documentation, it lists an add(html) overload which describes the html argument as:
An HTML fragment to add to the set of matched elements.
Since there is already an add(element) overload, I assume this means that you pass it an HTML string, as in:
var set = $();
set.add("<div></div>");
document.write(set.length); // prints 0
However, when this code is run, it has no effect on the jQuery wrapped set. What am I missing?
You got to set the return of add to the set like below,
set = set.add("<div></div>");
.add returns the collated jQuery object which you can chain, it doesn't really add it to the original object.
It works fine if you define it in a single line: http://jsfiddle.net/s2zQr/3/
var set = $().add("<div></div>");
document.write(set.length);
as @Pavel Chernov noted... the .add() method creates a new set (and that's why your count never updated)
The following will not save the added elements, because the .add() method creates a new set and leaves the original set in pdiv unchanged:
var pdiv = $("p"); pdiv.add("div"); // WRONG, pdiv will not change
so your set is still empty
pushis part of the official jQuery API?