Tip: Create an HTML Element and Hold it in a Reference Variable

When you create a new HTML element, you may want to keep its reference and later add a few more properties to it in the script. Just store it in a var, and continue accessing it. See below for an example.

var myDiv = $("<div>Dummy Content</div>");


…

..


/*Later access the jQuery object with the var name and continue working with the object*/

myDiv.attr("id", "newlyCreatedDev");

myDiv.attr("class", "div mClass").appendTo("body");

Visit the DevX Tip Bank