<script>
$(function() {
$('form').find('img.north, span').click(function(e) {
if(e.target.tagName=='SPAN') {
var t = $(this.parentNode).find('table:last');
t.after(t.clone())
} else $(this).closest('table').remove();
})
});
</script>
<form action="?do=create_lesson&course_id=[COURSE_ID]" method="post">
<table width="100%"><tr>
<td width="25px"><img src="templates/images/lesson_title.png" /></td><td><input name="lesson_title" type="text" class="title_lesson" placeholder="Название глоссария" /></td>
</tr></table>
<div align="center">
<table><tr>
<td><input type="text" name="1" size="30" placeholder="Термин" /></td>
<td><img src="templates/images/right_uk.png" /></td>
<td><input type="text" name="1" size="100" placeholder="Определение" /></td>
<td><img class="admin_quest_button north" title="Удалить этот термин" src="templates/images/del_q.png" /></td>
</tr></table>
<span class="add_course_button userpanel_link north menu_class" title="Добавить поле для ещё одного термина">Добавить термин</span>
</div>
<center><button type="submit" class="auth">Добавить глоссарий</button></center>
</form>
Вот с таким кодом работает добавление, удаление не работает, с Вашей функцией:
$('form').on('click', 'img.north, span', function(e) {
var t = $(this).closest('div').find('table');
if(e.target.tagName=='SPAN') $(this).before(t.eq(0).clone());
else if(t.length > 1) $(this).closest('table').remove();
})
Не работает ничего совсем!
Можете помочь решить вопрос с удалением, а так же нумерацией (я подумал и решил, что нумерация может остаться непоследовательной после удаления какого-либо элемента, это не составит проблемы). Извиняюсь за назойливость, но в JS я совсем ничего не понимаю...