Как отобразить идентификатор элемента, используя prev и next (и next's next) в Jquery?

Question

У меня есть несколько li, плавающих слева, я знаю, что могу определить идентификатор «следующего» li, используя:

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

Когда вы щелкаете по li, он отображает идентификатор следующего li.

Но как отобразить идентификатор следующего li, next li?

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,значение "next" для 2 изменилось на 6, а значение "next" для 5 изменилось на 2?

Другими словами, как я узнаю, какие числа «следующее» значение изменилось?

Я спрашиваю, потому что мне нужно иметь возможность идентифицировать эти значения и сохранитьих в базе данных, чтобы я мог загрузить страницу и выводить li в правильном порядке с плавающей запятой, используя PHP, если они переставлены.Я, конечно, буду использовать ajax для отправки этих значений на страницу PHP.

Вот документ:

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

Также я использую оповещение (что-то...) для отображения результатов.

Существует ли какая-либо команда "onrelease" или аналогичная команда, которая будет отображать значения только после перестановки объектов?

Спасибо, тонны,

1028 * Тэйлора *

Answer 1

Я не совсем понимаю, что вы пытаетесь выполнить, но виджет sortable имеет обработчик событий change, к которому вы можете подключиться, чтобы определить, когда позиция сортируемого элементав DOM изменилось:

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

Я работал над несколькими проектами, где мы должны позволить пользователю сортировать элементы, сохраняя их в базе данных.Я бы позволил вашему серверному коду обработать эту логику и передать новый порядок (либо прослушивая событие change или событие stop).

Answer 2

Следующий "li" следующий "li":

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