按钮点击增加

需要JavaScript来增加...按钮点击增加

我有两个类名，父母和子女（父母子女）。

每个人都有一个外面的按钮。如果我点击父级以外的按钮，div应该随着它里面的孩子增加。

如果点击了孩子外面的按钮，则必须增加子div。

找到下面的链接作为演示。 LINK

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>

来源

2015-04-07 ARUN

你到目前为止尝试过什么？显示你的努力。 – Manwal

你增加了什么意思？ – gbuzogany

希望这有助于“http://stackoverflow.com/questions/14004117/create-div-and-append-div-dynamically” –

您可以同时使用点击与处理事件委派和克隆像下面

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

演示：Fiddle

来源

2015-04-07 10:01:04

正是我期待的...... – ARUN

你能不能更新删除脚本？ http://jsfiddle.net/mrvtwpjp/4/ – ARUN

入住这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); 
}); 

});

来源

2015-04-07 09:53:31

你可以在我发布的链接中实现这个代码吗？ – ARUN

按钮点击增加

回答

相关问题