Question

我有一个页面，需要添加然后删除添加的div。 div不能隐藏它应该包含设置所以当删除div / divs =时，div / divs中的设置也会被删除。加载/添加的div是：#settings1 #settings2 #setting3。

在页面中有一个应添加div的按钮（例如：点击3次以添加#settings1 #settings2 #settings3：

<a href="" class="design_button">Click here to add more divs</a>

然后有一个div在收到内容时会收到内容（#settings1 #settings2 #settings3）：

<div id="this_div_contains_settings">Here the #settings gets loaded in, then deleted if its not needed anymore</div>

然后在另一个页面（content.html）中有div #settings包含设置：

<div id="settings1">Some forms etc.</div>
<div id="settings2">Some forms etc.</div>
<div id="settings3">Some forms etc.</div>

在这些div中有一个按钮，它会在添加后删除特定的div。

<a href="" class="design_button">Remove this div</a>

基本上：点击“点击此处添加更多div”按钮，将多个#settings div添加到div #this_div_contains_divs中。单击#settings div中的“删除此div”按钮以删除当前div。

我拍了一张照片来描述我的意思：http://imgur.com/DVPSR

我需要一些帮助：

点击按钮，将内容#settings1 #settings2 #settings3加载到#this_div_contains_settings，然后点击该div中的按钮，删除当前的div。

我希望有人可以帮助我。感谢。

Answer 1

在index.html页面中使用jQuery看起来像这样：

HTML：

<a href="#" class="design_button add">Click here to add more divs</a>
<div id="this_div_contains_settings"></div>

jQuery（你需要加载高于1.7.2的jQuery版本for on（）才能工作）：

$(function(){
   var number = 1;
   $('a.add').click(function(e){
      e.preventDefault();
      $('#this_div_contains_settings').append('<div id="settings'+number+'">Some forms etc.<a href="#" class="design_button">Remove this div</a></div>');
      number++;
   });
   $('#this_div_contains_settings').on('click','a.design_button', function(e){
      e.preventDefault();
      $(this).parent().remove();
   });
});

在这里工作小提琴：http://jsfiddle.net/WdcTK/

然后将数据添加到cookie中......

点击按钮＆gt;添加div＆gt;在div按钮中删除div

1 个答案: