How to add a Div dianamically in count Custom DIV
Question
I want add a custom div. Here is my code (content-text-para) is one div tag that is repeating so many times . What I want count the div (content-text-para) 5 times after add one div (like : <div class="my_class"> </div> ) . this is add dynamically is that possible . I don't want add manually I want add dynamically
<html> <head> <meta charset=utf-8 /> <title>Header & Footer</title> </head> <body> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <!-- here am count 5 dives here u need to add new dive example <div class="new_gap_div"> HI </div> --> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <!-- here am count 5 dives here u need to add new dive example <div class="new_gap_div"> HI </div> --> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <!-- here am count 5 dives here u need to add new dive example <div class="new_gap_div"> HI </div> --> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> <div class="content-text-para"> Lijo Mpage exports don't support adding </div> </body> </html>
2 answers
solution1
0 2017-04-17 01:40:00
Here's a way to add element/s. This is from here
function appendText() {
var txt1 = "<p>Text.</p>"; // Create element with HTML
var txt2 = $("<p></p>").text("Text."); // Create with jQuery
var txt3 = document.createElement("p"); // Create with DOM
txt3.innerHTML = "Text.";
$("body").append(txt1, txt2, txt3); // Append the new elements
}
solution2
0 2017-04-17 01:40:21
function dynDivs() { for (let i = 0; i <= 20; i++) { $('<div></div>').attr('id','div' + i).text('div' + i).appendTo('body'); if (i % 5 == 0 && i >= 5) { $('<div></div>').addClass('my_class').text('my_class_div').appendTo('body'); } } } dynDivs();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Try this.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to to add div to the fancybox-3 custom template?
How to add a div to a Dialog?
how to add an object in a div
How to add a div to poptrox
How to count free space in div?
How to add custom DIV using droppble function of jQuery?
How to add custom div in dhtmlx gantt chart inside second column
Add social count values in a single div
How to add div under selected text in a div?
how to add a wrapper div to an inner div
Related Tags