Я хочу изменить идентификатор ордера, чтобы я взял идентификатор 1 после идентификатора 2, идентификатор id2 изменится на 1, а идентификатор id на 2 ... это то, что я сделал, но это не работает правильно, может быть, вы можете направить мне текущийсмена идентификатора работает, когда я беру div, меняю id (живую) и показываю правильную строку id, но другая не корректно меняется в списке
<div class="rowuser grab" >
<div id="sortuser">
<div class="col" id="order">
1
</div>
<div class="col">
user1
</div>
<div class="date">
00-00-00
</div>
</div>
<div id="sortuser">
<div class="col" id="order">
2
</div>
<div class="col">
user2
</div>
<div class="date">
00-00-00
</div>
</div>
<div id="sortuser">
<div class="col" id="order">
3
</div>
<div class="col">
user3
</div>
<div class="date">
00-00-00
</div>
</div>
<div id="sortuser">
<div class="col" id="order">
4
</div>
<div class="col">
user4
</div>
<div class="date">
00-00-00
</div>
</div>
</div>
<script>
$('#sortuser').sortable({axis:"y", forcePlaceholderSize: true, containment: "parent", items: "> #sortuser", cursor: "grabbing", revert: true, tolerance: "pointer",
change: function( event, ui ) {
var originIndex = ui.item.data('originIndex');
var currentIndex = ui.placeholder.index();
if (currentIndex > originIndex)
{
currentIndex -= 1;
}
ui.item.find('#id').text(currentIndex+1);
var i,
OrderList = $('#order');
for (i = 0; i < OrderList.length; i++) {
if(i != currentIndex){
OrderList[i].innerText = i+1;
}
}
},
start: function(event, ui) {
ui.item.data('originIndex', ui.item.index());
}
});
$('#sortuser').disableSelection();
</script>
Пожалуйста, помогите мне !! Спасибо, ребята