Genero varios divs contenidos en un div principal con Jquery
Al estos generarse me dan los siguientes id's y contenido
jugada1(id)= Nro 1 (dentro del div)
Jugada2(id)=Nro 2 (dentro del div)
Quiero que al eliminar alguno se "reordenen" el id y el numero q contiene, es decir si tengo 1 2 3 y elimino el 2 , me queda esto 1 2 , y ahorita lo q logro obtener es 1 3
aqui mis dos funciones tanto de generar como de eliminar
Código:
<script type="text/javascript"> // Agrega Caballo
$(document).ready(function(){
var contador=1;
$('#agregar').click(function() {
var caballo = $('#caballo').val();
var monto = $('#campo').val();
var jugada = "<div id='jugada"+contador+"'>Nro:"+contador+" Monto"+monto+"bs Caballo"+caballo+"<input type='button' onclick='elimina_me("+contador+")' value='X'></div>";
$(jugada).hide().appendTo(".elementos1").fadeIn(500);
contador++;
$('#caballo').val('');
$('#campo').val('');
$("#caballo").focus();
});
});
function elimina_me(contador_id){
$("#jugada"+contador_id).fadeOut(300, function() {
$(this).remove();
$("#caballo").focus();
});
$('.elementos1 div').each(function(){
var contador_actual=1;
$(this).attr(contador,contador_actual); //esto no hace nada
contador_actual++;
});
}
</script>
alguien podria ayudarme