Как создать таблицу с редактированием полей?

Question

[Galdar Turin]

Есть вывод данных в таблицу HTML через php. Нужно используя jQuery нажимая на иконку "Карандаша" или "Крестика". Совершать действия "Редактирования" или "Удаления" именно над той строкой, которую выбрал

Пример

Не могу сообразить как вывести для каждой записи именно свои кнопки со своими ID и читать именно то поле на котором был нажать "Карандашек" - редактирование

Comments

[Дмитрий]

Добрый день.
Покажите, как Вы выводите данные в таблицу. Код добавьте в вопрос.

Answer 1

[Родион Альметов]

Каждой кнопке присвойте свой уникальный идентификатор к примеру edit_index или delete_index, где index - динамический счетчик элементов цикла, из которого вы строите таблицу.

Через jQuery $("#edit_index") можете обращаться к конкретной кнопке

Comments

[ettychel]

Зачем так усложнять?
У jQuery есть прекрасная структура элемента, здесь нужно проще
Задаём класс кнопке, скорее всего он уже есть раз используется fontawesome, причем скорее всего только у этих кнопок, если же нет, то слушаем не класс кнопки, а таблицу, и передаём объект кнопки с классом

$('table').on('click', '.edit', function (el) {
  let tr = $(el).parents('tr');
  console.log(tr)
}

Все, вы получили в переменной tr всю строку и не надо слушать каждую кнопку по отдельности, вы создаёте дополнительных слушателей, не нужен инкремент в цикле, не нужно куча разных id, не нужно потом парсить id, чтобы понять какая строка была нажата.
Далее двигайтесь в сторону как забрать все td. Можете преобразовать это в json, собственно этот объект вы сможете отправить на сервер для сохранения в бд. Либо сможете по td[name] вынимать данные из ячеек.

Answer 2

[Максим]

Может быть добавить contenteditable="true" по click или ....?