Есть такая начальная разметка:
<div class="inputs">
<div class="form-group row">
<div class="col-md-11">
<input class="form-control value" type="text" name="values[]" value="" placeholder="Укажите значение атрибута">
</div>
<div class="col-md-1">
<div class="btn btn-danger destroy">X</div>
</div>
</div>
</div>
<a class="btn btn-primary" id="add">Добавить значение</a>
Для наглядности:
Новое поле и кнопка добавляются с помощью jquery по тыку на кнопку. Вот так:
$(document).ready(function(){
$('#add').click(function() {
$(' <div class="form-group row">\n' +
' <div class="col-md-11">\n' +
' <input class="form-control value" type="text" name="values[]" value="" placeholder="Укажите значение атрибута">\n' +
' </div>\n' +
' <div class="col-md-1">\n' +
' <div class="btn btn-danger destroy">X</div>\n' +
' </div>\n' +
' </div>').fadeIn('slow').appendTo('.inputs');
});
});
Как оживить кнопку на удаление, чтобы она удаляла кусок той разметки, в которой она находится?
this.parentNode.remove();
или$(this).parent().remove();