如何在Jquery中使用prev和next(以及next's next)显示元素ID

How to display elements ID using prev and next (and the next's next) in Jquery?

本文关键字:next ID 元素 显示 以及 Jquery prev      更新时间:2023-09-26

我有几个左浮动的li,我知道我可以通过使用:

来识别"下一个"li的ID:
$("li").live("click",function(e) {
    alert($(this).next("li").attr('id'))
});

当你点击一个li时,它会显示下一个li的ID。

但是如何显示下一个li的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

我如何返回"下一个"值为1已更改为3,"下一个"值为2已更改为6,"下一个"值为5已更改为2?

换句话说,我如何知道"下一个"值改变了哪些数字?

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

文件如下:

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

另外,我正在使用alert(something…)来显示结果。

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

谢谢吨,泰勒

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

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

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

下一个"li"的下一个"li"是:

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