Есть список, который может создать сам пользователь. При создании каждой строки к ней добавляется картинка, по идее при клике на нее должна стираться строка к которой картинка относится. Для этого есть аргумент "i", который инкрементируется при создании каждой новой строки, и он находится в id строки.
Вопрос, что нужно ввести в указанное место (знак ?), чтобы все заработало?
Понимаю, что это связанно с this, но все мои попытки не увенчались успехом.
$(function (){
var $list, $stranica, $newItemForm1, $newItemForm2, $newNameRecept, $nazvanie, $oneClick;
$newItemForm1 = $('#newItemForm1');
$newItemForm2 = $('#newItemForm2');
$newNameRecept = $('#newNameRecept');
$list = $('ul#one');
$stranica = $('ol#two');
$nazvanie = $('h1');
$oneClick = $('ol');
var i=0;
$newItemForm1.on('submit', function(e) { // При отправке нового пункта
e.preventDefault(); // Предотвращаем отправку формы
var text1 = $('#itemDescription1').val(); // Получаем значение текстового поля
$list.append('<table id="' + i + '"> <td id="slova">' + text1 +'</td> <td id="pictur"> <img src="images/image_9.jpg" width="25" height="25" class="i" > </td> </table>'); // Добавляем элемент в конец списка
$('#itemDescription1').val(''); // Очищаем поле ввода
i++;
});
$list.on('click', 'td#pictur', function() {
var $this = $(this);
$( ).remove();
});