Получение данных строки таблицы jQuery

Question

Получение данных строки таблицы jQuery

0

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

jsfiddle

$(".edit").click(function(){
    var tableData = $('tr.table').children("td").map(function() {
        return $(this).text();
    }).get();

  $('#test1').val($.trim(tableData[0]));
  $('#test2').val($.trim(tableData[1]));
  $('#test3').val($.trim(tableData[2]));
})

Arem 29 нояб. 2013, в 10:05

Источник

0

Немного неясно, чего вы хотите. Я предполагаю, что вы хотите получить строку, в .edit находится элемент .edit ? $('tr.table').children("td") получает все элементы td всей таблицы.
Felix Kling 29 нояб. 2013, в 08:34

Теги:

jquery

2 ответа

1

$(".edit").click(function(){
    var tableData = $(this).closest("tr").children("td").map(function() {
     // by $(this) go to current td then by closest go its closest "tr" then find their td        
        return $(this).text();
    }).get();

  $('#test1').val($.trim(tableData[0]));
  $('#test2').val($.trim(tableData[1]));
  $('#test3').val($.trim(tableData[2]));
});

обновить скрипку

ссылка ближайшая()

Rituraj ratan 29 нояб. 2013, в 06:57

0

Пожалуйста, объясните проблему и ваше решение, не только отправьте код.
Felix Kling 29 нояб. 2013, в 08:35
0

@FelixKling Я объяснил спасибо, я всегда помню эту вещь
Rituraj ratan 29 нояб. 2013, в 08:37

Ещё вопросы

Немного неясно, чего вы хотите. Я предполагаю, что вы хотите получить строку, в .edit находится элемент .edit ? $('tr.table').children("td") получает все элементы td всей таблицы.
Пожалуйста, объясните проблему и ваше решение, не только отправьте код.
@FelixKling Я объяснил спасибо, я всегда помню эту вещь

Tushar Gupta · Accepted Answer · 2013-11-29T07-32-00.000Z

Пытаться

fiddle Demo

var tableData = $(this).closest('tr.table').children("td").map(function () {
    return $(this).text();
}).get();

+ Изменить

$('tr.table').children("td") 

//will get all tr.table and it children td

в

$(this).closest('tr.table').children("td") 

//this will get closest tr to the current edit button

.closest()

большое спасибо! именно то, что мне нужно!
@Arem Добро пожаловать, рады помочь :)
Пожалуйста, объясните проблему и ваше решение, не только отправьте код.
@FelixKling Готово, сэр. Я обновлял ответ.