移动后的Jquery表行索引

时间:2015-01-20 09:09:38

标签: jquery html jquery-ui jquery-ui-draggable

昨天我创建了一个question来帮助我找到<tr><li>的新索引,一旦使用Jquery UI拖动&{删除功能,这完美地工作:)

我没有想到的事情,并且今天早上一直想弄清楚,是......我怎样才能找到index<tr>的{​​{1}}向上或向下移动。

EG:鉴于下表,如果我将“电子邮件”移动到位置1,“其他”将转移到<li>中2.如何提醒此值及其RefID?

index

这是我一直在玩的FIDDLE

先谢谢你们。

麦克

编辑:所以,我只是将它们移动了一下,如果你将另一行移到我们刚刚移动的那一行上,“其他”现在将在+--------+------------------+ | Ref ID | Issue relates to | +--------+------------------+ | 9342 | Other | | 9392 | CRM | | 9394 | CRM | | 9308 | eMail | | 9365 | CRM | +--------+------------------+ 3哎呀!!当我看到这件事时,让我变得更加复杂。

3 个答案:

答案 0 :(得分:0)

您需要使用:eq()选择器仅定位所需的tr元素。

var RefID = $('tr').eq(Newpos).find('td:first').html();
var RefName = $('tr').eq(Newpos).find('td:eq(1)').html();

<强> Working Demo

答案 1 :(得分:0)

无论移动哪一行,您总是从第一行获取html。

由于ui.item是移动的<tr>,您可以通过查看td

来访问ui.item
var RefID = ui.item.find('td:first').html();

DEMO

答案 2 :(得分:0)

所以我可能没有正确地说出我的问题,但是在移动它们之后,只需检查所有index的{​​{1}}和RefID,我设法得到了我想要的内容

我的代码现在看起来像这样:

rows

这是工作FIDDLE

感谢您的帮助!