Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to use append() method in jquery.

Anonymous User 1607 19 Jan 2016

I want to use append() method in jquery. how to do this please help me.

Anonymous User

Other

I am a content writter !

1 Answers

Anonymous User 19 Jan 2016

when we want to add dynamically data to existing elements in html using jquery. we can use append() method in jqery.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-2.1.4.js"></script>
</head>
<body>
<a href="javascript:void(0);" onclick="AppendList();">Append List</a>   
<ul id="ullist"></ul>
<script type="text/javascript">
    function AppendList() {
        var item1 = $("<li></li>").text("Item 1");
        var item2 = "<li>Item 2</li>";
        var item3 = document.createElement("li");
        item3.innerHTML = "Item 3";
        $("#ullist").append(item1, item2, item3);
    }
</script>
</body>
</html>

advertising