Получение текста из таблицы html с помощью jQuery

Question

Я пытаюсь реализовать некоторые функции редактирования/обновления в своем проекте, и мне трудно найти доступ к td в приведенной ниже таблице. Во-первых, я не уверен, что если класс для каждого <td> - хорошая идея, но я так и сделал. В каждой строке у меня есть кнопка редактирования, которая при нажатии должна получить информацию для конкретной строки. С моим кодом это работает только для первой строки.

У меня есть следующие структуры в йот:

Я пытался получить доступ к <td> элементов таким образом:

$('#lblEditDeleteProducts .brandDom').eq(0).text(); 

Но проблема в том, что это всегда получает текст из первого ряда, и у меня много строк.

Я также попробовал этот код, который не работал:

$(this).closest('.nameDom').text() 

Answer 1

Если кнопка редактирования не ребенок столбца с классом nameDom тогда closest ничего не найдут. Попробуйте получить родителя tr, а затем оттуда оттуда: $(this).closest("tr").find(".nameDom").text()

Answer 2

Следующий код работал для меня (из поста выше).

$(this).closest("tr").find(".nameDom").text() 

Answer 3

Селектор Абсолютно неправильно:

var i = 1; 
$('#lblEditDeleteProducts tr').eq(i).find('.brandDom').text(); 

Выбор первых #lblEditDeleteProducts tr для обнаружения родителя всех элементов, то найти своего ребенка с помощью .find(). С помощью .eq() вы выбираете x-индекс выбранных элементов.