Извлечение данных из таблицы HTML с помощью JavaScript ⇐ Jquery

[Anonymous]

Мой код генерирует HTML-таблицу из JSON. Я контролирую 100% кода. Это может быть любой формат с тем ограничением, что окончательный код будет работать в IE8 с использованием простого jquery и javascript. Я хочу, чтобы мои пользователи могли редактировать данные в таблице. После редактирования AJAX отправляет изменения на сервер. Мне нужна помощь в том, как получить данные из таблицы.
Я пробовал следующие подходы:

• Сгенерировать вызовы функций при создании таблицы и нажать кнопку для редактирования. По сути, создайте вызовы функции заполнения данными таблицы при ее создании.
• Мой второй подход близок к 1, но я стараюсь ограничить количество параметров в предварительно заполненных вызовах функций путем «скрытия» данных в каждом элементе. По какой-то причине я могу заставить это работать только в том случае, если в каждый элемент td встроено что-то подобное:
  foo

Но этот подход по сути сохраняет данные дважды. Я могу извлечь данные с помощью jquery следующим образом:

Код: Выделить всё

document.getElementById(fooId).value

Ниже приведен пример кода, в котором я пытаюсь проиллюстрировать два моих подхода и третий, который, я думаю, хотел бы работать, но не работает. Моя конечная цель — это кнопка в третьей строке, которая при нажатии объединяет данные из других строк столбца.
Есть ли более простой способ сделать это, который будет работать с IE8? Мне действительно не нравится, когда в моем коде есть весь этот скрытый HTML-код, и, похоже, есть лучший способ. Есть предложения?
Спасибо,
Мэтт

Код: Выделить всё

Test



function functionCallAndTableGeneratedAtSameTime(row, col) {
alert('Function call generated with table: row:' + row + ' col:' + col);
}

function functionExtractsDataFromHiddenInputElement(inId) {
var myData = 'Function call extracts data from hidden input element:' + document.getElementById(inId).value;
alert(myData);
}

function viewContentsByTdId(inId) {
var myNewTitle = document.getElementById(inId).value;
alert(myNewTitle);
}



Extract Table Data


row 1, cell 1
row 1, cell 2



row 2, cell 1
row 2, cell 2



row 3, cell 1
row 3, cell 2

Подробнее здесь: https://stackoverflow.com/questions/196 ... javascript