javascript - 如何在其他div中显示输入的数据？

Question

我必须一个接一个地输入数据，然后点击ADD BUTTON 数据应该被添加并显示到其他 div。我正在使用 html、*css* 和 javascrit。 与购物网站一样，即我们将产品一件一件地添加到购物车中。

我是网页设计的新手，请帮忙。

Answer 1

Here is working demo

HTML:

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

j查询:

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