Есть таблица, в которой 2 строки в которых по 2 колонки (1 строка - заголовок, 2 строка - для введение данных), при нажатии на кнопку "Добавить строку" - добавляет строку, при этом появляется крестик возле строк, при помощи которого можно удалить любую из них. Нужно сделать так, что бы одну (последнюю) оставшуюся строку не удаляло, а просто стирало информацию и удаляло крестик расположенный возле строки. JQuery
Извините, за частое употребление слова - "строка" =)
$("#button_salarys").click(function(){
$("#table_salarys").append(info);
$("#table_salarys i").addClass("fa fa-close");
$("i").click(function(){
$(this).parents("tr").remove();
});
});
<div class="salarys">
<form>
<table id="table_salarys">
<caption>Название</caption>
<tr class="first_tr">
<td>1 колонка</td>
<td>2 колонка</td>
<td></td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="number"></td>
<td><i></td>
</tr>
</table>
</form>
<button id="button_salarys">
Добавить строку <i class="fa fa-plus-square fa-lg"></i>
</button>
</div>