點擊按鈕增加Div

Question

需要使用JavaScript進行遞增...

我有兩個班級名稱，父級和子級（父級中的子級）。

每個按鈕外面都有一個按鈕。 如果單擊父級外部的按鈕，則div應在其內部增加子級。

並且，如果單擊了孩子外部的按鈕，則必須增加孩子div。

找到以下鏈接作為演示。 鏈接

HTML代碼是

<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>

Answer 1

您可以將點擊處理程序與事件委托和克隆一起使用，如下所示

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)
    })
})

演示： 小提琴

Answer 2

檢查這個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);
});

});