2014-01-29 4 views
1

Во-первых, я сохранил все мои TRS с функцией, а затем я выбрал часть ТРС с этим, открывая их:Jquery перемещение строк таблицы наверх

// tr = all my stored trs 
tr.find("input[value='Selecteren']").click(); 
// This .click() function changes the input value to "Aanvragen" 

Теперь я хочу, чтобы переместить все клике tr на вершине моего стола.

//$("#village_troup_list tbody") 

Получение всех ТДС довольно просто:

tr.find("input[value='Aanvragen']").closest('tr').each(function() { 
//Move every tr 
}) 

Но как я переместить их?

Html структура:

http://jsfiddle.net/4PFf8/1/

+0

Может ли вы показать структуру HTML? jQuery не включает функцию 'move'. Вам нужно будет использовать 'clone()', 'appendTo()' и 'remove()' в некотором порядке (в зависимости от вашей маркировки). – BenM

+0

'$ (" table "). Find (" tbody "). Find (" tr: first "). InsertBefore (" trs to move ")' попробуйте это. –

+0

Я добавил скрипку – user3249419

ответ

3
$("#village_troup_list tbody").prepend(tr.find("input[value='Aanvragen']").closest('tr')); 

Это работает, потому что каждый тр рассматривается как один тр, а не как ряд ТРСА. Так что перемещает их вместо клонирования :)

3

Вы можете просто использовать .prependTo для перемещения элементов в верхней части таблицы. Вот скрипка, иллюстрирующая: http://jsfiddle.net/5uc9H/

1

Статический двигаться вверх:

onclick="$(this).parents('tr:first').insertBefore($(this).parents('tr:first').prev())" 

Статический двигаться вниз:

onclick="$(this).parents('tr:first').insertAfter($(this).parents('tr:first').next())" 
Смежные вопросы