Question

我有三个字段，在html看起来像

<input type="text" name="begin" />
<input type="text" name="end" />
<input type="email" name="email" />

我想要创建按钮，女巫将复制这些字段。如果我复制一次，我需要显示按钮，女巫将删除最后复制对象。请帮我解决这个问题

Answer 1

请看看这个JSFiddle：

http://jsfiddle.net/ym2rjfaa/

按复印件时，会将值复制到文档中。按删除后，它将删除值。

$('#copy').click(function() {
  var begin = $('<div>').html($('[name=begin]').val())
  var end = $('<div>').html($('[name=end]').val())
  var email = $('<div>').html($('[name=email]').val())

  var remove = $('<button>remove</button>')

  $('#copied').append(begin)
  $('#copied').append(end)
  $('#copied').append(email)
  $('#copied').append(remove)

  remove.click(function() {
    begin.add(end).add(email).add(remove).remove()
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="begin" />
<input type="text" name="end" />
<input type="email" name="email" />
<button id=copy>Copy</button>
<div id=copied></div>

使用Jquery复制对象

1 个答案: