使用jQuery动态添加/删除HTML元素

我在这里发现了这个很棒的代码 。 我只需要做一些改变。 我想要

  • 逐行删除当前行
  • 删除前的确认

你可以帮帮我吗 ?

谢谢,

更新1:我想要这个替代文字http://imagik.fr/thumb/275405.jpeg

演示

HTML

 

jQuery的

 $(document).ready(function() { var inputs = 1; $('#btnAdd').click(function() { $('.btnDel:disabled').removeAttr('disabled'); var c = $('.clonedInput:first').clone(true); c.children(':text').attr('name','input'+ (++inputs) ); $('.clonedInput:last').after(c); }); $('.btnDel').click(function() { if (confirm('continue delete?')) { --inputs; $(this).closest('.clonedInput').remove(); $('.btnDel').attr('disabled',($('.clonedInput').length < 2)); } }); }); 

资源

  • .clone()
  • .after()