Div Increment on button click

Question

Need javascript for incrementation...

I have two with class names, parent and child (child inside the parent).

Each has a button outside them. If I click the button outside the parent, the div should be incremented with child inside it.

And if the button outside the child is clicked, the child div must be incremented.

Find the below link as demo. LINK

HTML code is

<div class="parent">
     <div class="child">
     </div><br>
     <a href="#" class="inc-child">Add one more child</a>
</div><br>
<a href="#" class="inc-parent">Add one more Parent</a>

Hope this helps "http://stackoverflow.com/questions/14004117/create-div-and-append-div-dynamically" — Monie corleone, Apr 07 '15 at 09:51

score 1 · Accepted Answer · answered Apr 07 '15 at 10:01

1

You can use a click handlers with event delegation and cloning like below

jQuery(function($){
    var _parent = $('.parent').eq(0).clone();
    $(document).on('click', '.inc-child', function(){
        var $p = $(this).parent();    
        $p.find('.child').first().clone().insertBefore(this)
    })
    $('.inc-parent').on('click', function(){
        _parent.clone().insertBefore(this)
    })
})

Demo: Fiddle

answered Apr 07 '15 at 10:01

Arun P Johny

384,651
66
527
531

Could you please update the script for remove also ?? http://jsfiddle.net/mrvtwpjp/4/ – ARUN Apr 07 '15 at 10:40

score 0 · Answer 2 · answered Apr 07 '15 at 09:53

0

Check this JS

$(document).ready(function() {

$("button[name='addDom']").click(function() {
    var domElement = $('<div class="module_holder"><div class="module_item"><img src="images/i-5.png" alt="Sweep Stakes" /></div></div>');
    $(this).after(domElement);
});

});

answered Apr 07 '15 at 09:53

Parth Akbari

641
7
24

Could you implement this code in the link I posted ?? – ARUN Apr 07 '15 at 10:01

Div Increment on button click

2 Answers2