jQuery Basic Tutorial

jQuery Effects

the after() method to insert specified content after the selected element.

To insert content before the selected element, please usebefore()Method.

Inserting content:

$(selector).after(content)

Inserting content using a function:

$(selector).after(function(index))

Inserting content after each paragraph:

Example

$("button").click(function(){
　　$("p").after("<p>Hello world</p>");
});

Inserting content using a function:

Example

$("button").click(function(){
　　$("p").after(function(i){
　　　　return "<p>This p element's index: "　+　i　+　".</p>";
　　});
});

Parameter	Description
content	Specify the content to be inserted after each selected element (can include HTML tags) Possible values: HTML Element DOM Element jQuery Object
function(index)	Specify a function that returns the content to be inserted index-Return the index position of the element in the collection