javascript - Change list elements index with jQuery -


i hava list:

<ul>     <li class="item_1">element</li>     <li class="item_2">element</li>     <li class="item_3">element</li> </ul> 

after drag , drop action i'm switching elements positions, after list looks this:

<ul>     <li class="item_2">element</li>     <li class="item_3">element</li>     <li class="item_1">element</li> </ul> 

i need replace classes of elements after dragging action sorted list again - state before dragging.

so, i'm doing this:

var setitemnumber = function(item) {     item.each(function(i) {         $(this).removeattr('class').attr('class', 'item_' + (i + 1));     }); } 

what happening elements changing classes in same positions, looks doesn't change index , iteration acting on previous dom list state.

how can change this, or maybe else? can help?

i guess you looking this:

reindexitems = function() {      var items = $('ul li');      var = 1;      items.each(function() {          $(this).removeattr('class').attr('class', 'item_' + i++);      }); } 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -