Сохранение данных из динамической HTML-таблицы с использованием JavaScript

Question

Я загружаю данные из таблицы MySQL в таблицу HTML.Затем пользователь может добавить или удалить одну или несколько строк.Наконец я должен сохранить изменения в базе данных.Все это должно быть сделано с использованием PHP и javascript.

Я знаю, что это не очень сложно.На самом деле мне удалось загрузить данные из базы данных в таблицу HTML и добавить или удалить из нее строки, используя функцию javascript, но у меня самое сложное время, чтобы сохранить изменения из таблицы.Как я могу удалить конкретную строку из таблицы, учитывая, что эти строки не имеют идентификаторов, так как они добавляются динамически?Как я могу получить доступ к данным из определенной строки?

Надеюсь, вы, ребята, сможете мне помочь.Это сводит меня с ума!Спасибо и прошу прощения за мой английский.

Answer 1

Если вы не разрабатываете для мобильных или встроенных платформ, вы можете рассмотреть возможность использования некоторых хорошо разработанных библиотек, таких как DataTables и jEditable .

Существует пример из DataTables , который использует jEditable, чтобы разрешить встроенное редактирование таблицы. Это может быть что-то близкое к тому, что вы хотите.

Библиотека DataTables позволяет вашему источнику быть из разных мест, например DOM, AJAX, массивы JavaScript или серверная часть. Посмотрите примеры на их сайте .

Answer 2

Если вы добавляете их динамически, вы не можете дать идентификаторы строк? Или, может быть, перебрать таблицу с помощью JavaScript?

var theTable = document.getElementById("theTableId");
for (var i=0, row; row=table.rows[i]; i++) {
          // Remove if deleted
}