JQuery :: How To Make List Of A Tags In DIV

I am able to append html <a> tags inside a div. I added 60px to each <a> tag created except for the first <a> tag which has 0px. These px's I added are in the css value of top. That's way each <a> tag will be appended downwards. Now I made with these <a> tags a checkbox input tag. they are named all the same name but pass different values. When you click the checkboxes and hit my delete button... it removes the checkboxes that were selected and the <a> tag that was selected to be deleted. all checked will be deleted when the delete button is pressed. That's all neat and dandy... but the problem comes when for example lets say I got 6 rows of <a> tags with check boxes.

Lets say 2 and 4 got selected and deleted... well wherever their position was it's now blank. I want to make number 3 to move back one position. have 5 move 2 times. So 5 takes number 3's place. and 6 will move 2 times. it will move to take 4's place. So now 6 won't be called 6 anymore now it be 4 , 5 would be 3 . then 3 would be 2. 6 minus 2 equals 4 so that be how it should replace the deleted <a> tags spaces. I would want to rename those. What I am doing is I have a checkout page. This is where customers can add orders in to a list so they can buy more then 1 stuff at the same time or at one transaction.

I just want them if they added too many items or made mistakes they can easily delete them from the list. Now I added 60px to the css top value... but since we are going in reverse then here comes the tricky part. Lets go back to my example where we deleted 2 and 4 out of a total of 6 numbers. Any number beyond 2 and 4 will get their css values subtracted by 60px 2 times so it be a loop and that css value would be the top value. Now any number after 2 but not after 4 then I would subtract 60px for only 1 time. which I still need to loop this. It looks like I need a loop based on total numbers that be 6 in our example. So I would have 6 and every loop completed it would subtract 6 by 1.

Inside the loop. I would need to check the ones not deleted to what they stand based on the total numbers and if they are greater then the two numbers. The problem is that I would need o generate if statements because that be based on how many were selected to be deleted. So this would vary. In our case we would check if 6 is greater then 2 and 4 and if so then loop the increase in pixes 2 times so we subtract 60px 2 times. then we then look at each number and test them. If they are not behind 2 or 4 then don't do anything to them but if they are behind 2 then we will loop to subtract 60px's one time.

The problem is that when I delete the <a> tags there is a missing gap displayed... I want it that my list adjusts so no matter how many are delete and if they are not in order... the they are deleted the <a> tags still should be able to adjust or readjust so the list is in order once again. So the example above we eliminated numbers 5 and 6 we deleted 2 and 4 so 3 took 2's place , 5 took 3's place and 6 took 4's place and 6 got renamed to 4 , 5 renamed to 3 and 3 renamed to 2. so 5 and 6 no longer exist. In my real code these numbers be items listed. just a number to associate their reference in the list.