var i = 1;
$('.button').click(function() {
$('<br/><input name="name' + (++i) + '" type="text"/>').insertBefore(this);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div> <input name="name1" type="text" /><button class="button">+</button> </div>
如何使用[]加号按钮放置一个按钮,当我点击它时.按钮删除该字段.
解决方法
你可以做这样的事情
var i = 1;
$('.button').click(function() {
$('<br/><input name="name' + (++i) + '" type="text"/><button class="button1">-</button>').insertBefore(this);
});
$(document).on('click','.button1',function() {
$(this)
.prev('input').remove()
//removing input field
.end().prev('br').remove()
//removing br tag
.end().remove();
//removing the button
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div> <input name="name1" type="text" /> <button class="button">+</button> </div>
