jQuery and JavaScript Phrasebook

Appending to the Bottom of an Element’s Content

Click here to view code image

var newDiv = $("<div></div>"); $("body").append(newDiv); newDiv.append($("<p>Paragraph A</p>")); $("<p>Paragraph B</p>").appendTo("div");

jQuery also provides methods to append content after the existing content in an element. For example, you can add list items, table rows, or paragraph text at the end of a list item, table row, or text in a paragraph.

These methods are existingObject.append(newContent) and newContent.appendTo(existingObject). The existingObject can be an object you already have, or you can use a selector to specify the existing object.

For example, the following code creates a new <div> and appends it to body. Then it appends two paragraphs each ...