forum

Home / DeveloperSection / Forums / How to use append() method in jquery.

Ask Question

How to use append() method in jquery.

Anonymous User 1323 19-Jan-2016
I want to use append() method in jquery. how to do this please help me.
jquery jquery  javascript 
Updated on 19-Jan-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

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>

answer 415871901102114

Liked By