Create A Form Element Like Div In JQuery
Here we consider how to Create A Form Element Like Div In JQuery.
Suppose we have already have a div with ID ParentDiv as shown below.
This Div contains a Hyperlink saying Create New Div.
We wants to create another div inside this ParentDiv using Jquery.
Let the new Div be having ID ChildDiv.
For appending this new Div to the ParentDiv, we can use Jquery Append.
$(function () {
$('#hyperLinkID').click(function () {
$("#ParentDiv").append("<div id='ChildDiv' > New Div Is Created </div>");
return false;
})
})
Inside Jquery Append, a div saying New Div Is Created is added.
When the HyperLink is clicked, div with ID ChildDiv is added to the ParentDiv.
On Developer Tool, the new div look like as shown below.
