If you want to add some content to the end of the text using jQuery, you can use jQuery Append function to perform this task.

You have to first select the HTML element using the jQuery selectors. After getting the required element you have to use the jQuery append function to add the content at the of the selected element.

Syntax

Sr. No Parameter Name Description
1 selector The parameter is used to select the required HTML element to append the content. It is the required parameter.
2 content The parameter is used to specify the content to insert at the end of the selected element. It is the required parameter.
3 function(index,html) The parameter is used to specify the function that returns the content which is inserted. It is the optional parameter.

Example of jQuery Append Function

You can use below given example of jQuery append()

Output


Welcome to the Tutorialdeep jQuery Tutorial.

The above example appends the text to the end of the p element when you click the button.

One thing you should notice here that when you click the button for more than one time, append function repeats the insertion the text to the end of the content again and again. Just press the button for more than one time and you can see the change.

Example1: jQuery Append with HTML tags inside the content

Output


This is the jQuery Tutorial.

The above example contains the content with three tags span, strong and b. When you click the button, the jQuery append function inserts the content with the output of these tags.

Now, the same thing you should notice here as you have noted above, The number of times you click the button, the same number of times append function inserts the content at the end of the paragraph text.

Leave a Reply

Your email address will not be published. Required fields are marked *