Написал код, он добавляет tr с данными в таблицу, у каждой tr в конце создается кнопка, при нажатии на которую удаляется строка в которой находится кнопка.
Проблема: Функция $ingr_minus вызывается столько раз, сколько создано tr и соответственно вызывается confirm вызывается много раз, строка удаляется как надо, только одна.
Уже третий день не могу сделать, знающие люди помогите, решить эту проблему.
$('#ingr-plus').click(function() {
var ingr;
ingr = '<tr><td>';
ingr += '<input type="text" name="ingr[summ]" value="Кол-во" /> <input type="text" name="ingr[ves]" value="Мера веса" /> <input type="text" name="ingr[comm]" value="Комментарий" />'
ingr += '<input type="button" value="-" />';
ingr += '</td></tr>';
$('#ingr').append(ingr);
$('#ingr input[type=button]').click($ingr_minus);
});
var $ingr_minus = function (event) {
confirm('Удалить') ? $(this).parent().parent().remove() : false;
}
<table id="ingr" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="ingr[summ]" value="Кол-во" /> <input type="text" name="ingr[ves]" value="Мера веса" /> <input type="text" name="ingr[comm]" value="Комментарий" /></td>
</tr>
</table>
<input type="button" id="ingr-plus" value="+ ингредиент" />
