如何在Jquery中使用prev和next(以及下一个&nexts)显示元素ID?

时间:2011-04-26 22:18:05

标签: jquery ajax jquery-selectors javascript

我有几个李左浮,我知道我可以通过使用以下方式识别“下一个”李的ID:

$("li").live("click",function(e) {
    alert($(this).next("li").attr('id'))
});

当您点击li时,它将显示下一个li的ID。

但是你如何显示下一个李的ID,下一个李?

For example,

If I have:

1 2 3 4 5 6

And I move the number 2 to make:

1 3 4 5 2 6

如何将“next”值更改为1,将“next”值更改为6,将“next”值更改为5更改为2?

换句话说,我怎么知道“下一个”数字的变化是什么?

我问,因为我需要能够识别这些值并将它们存储在数据库中,以便我可以加载页面并使用PHP以正确的浮动顺序回显li,如果它们被重新排列。我当然会使用ajax将这些值发送到PHP页面。

以下是文件:

http://jsfiddle.net/TSM_mac/uuHsg/2/

另外,我正在使用alert(某些东西......)来显示结果。

是否有任何类型的“onrelease”或类似命令只会在对象重新排列后显示值?

谢谢你,

泰勒

2 个答案:

答案 0 :(得分:0)

下一个“li”的下一个“li”是:

$("li").live("click",function(e) {
    alert($(this).next("li").next("li").attr('id'))
});

答案 1 :(得分:0)

我并不完全清楚你要完成什么,但是sortable小部件确实有一个change事件处理程序,你可以利用它来确定一个可排序元素在DOM发生了变化:

$("#sortable").sortable({
    change: function() { ... }
});

我参与了一些项目,我们必须允许用户对项目进行排序,将该类型保存到数据库中。我会让您的服务器端代码处理该逻辑并传递新订单(通过收听change事件或stop事件)。