¿Cómo agregar una div entre dos Divs en base a sus identificaciones usando Jquery?

Question

Si tengo estos objetos:

<div id='1'></div> 
<div id='2'></div> 
<div id='3'></div> 
<div id='4'></div> 
<div id='5'></div> 

tengo un cuadro de texto:

<input type="text"> 

Cuando escribo en el valor: 3,5 para hacer dinámicamente (no tengo el código para esto, la parte siguiente, necesito ayuda con):

<div id='3.5'></div> 

Como puedo adjuntarlo en este orden a continuación, sin consultar primero a ver el valor de cada div en la página?

<div id='1'></div> 
<div id='2'></div> 
<div id='3'></div> 
<div id='3.5'></div> 
<div id='4'></div> 
<div id='5'></div> 

Usando:

$('#What Goes Here If I Dont know the elements on the page?').after('<div id='3.5'>Hey</div>'); 

se aprecia Cualquier ayuda,

Taylor

Answer 1

identificadores en el DOM debe no inicio con un número (que no serían válidos) .
Deben comenzar con un carácter A-Za-z y luego pueden tener números, - y _ siguientes.

pero si quieres ir a la ruta intente esto:

var div = $("<div id='3.5'></div>"); 
div_id_after = Math.floor(parseFloat(div.get(0).id)); 

$('#'+div_id_after).after(div); 

Aquí es una demostración de violín: http://jsfiddle.net/maniator/DPMV5/

Answer 2

Qué hay de malo en esto?

$('#3').after('<div id='3.5'>Hey</div>'); 

Answer 3

En primer lugar, no se permite que los ID comiencen con un número.

Ignorando que, si solo permite números enteros, es fácil, simplemente tome 1 del valor e insértelo, luego renumere el resto. De lo contrario, tendrá que caminar el DOM para verificar primero los valores de los demás.

Answer 4

esa comparación para agregar es aritmética, por lo que no es fácil que deba iterar sobre los divs podría hacerlo. tal vez deberías hacer relleno, como 3 = 300000, entonces 3.5 es 3500000, para hacer una mejor comparación.

Answer 5

tal vez algo como eso funcionaría:

var text = yourTextBox.value; 
if(var number = Number(text)) 
{ 
    $('#'+Math.floor(number)).after('<div id='+text+'>Hey</div>'); 
} 
else alert("wrong number"); 

Pero probablemente debería comprobar primero (con una expresión regular) que el texto dentro del cuadro de texto es un número legítimo ...

Answer 6

actualizada. gracias Neal.

http://jsfiddle.net/FB8xG/3/

var newValue = 3.5; 

var oldValue = Math.floor(newValue); //3 

var oldValueID = ('#' + oldValue); 
var newValueID = ('<div id="' + newValue + '">' + newValue + '</div>'); 

$(oldValueID).after(newValueID); 

Answer 7

Live Demo

var input = "3.5"; 
var parent = Math.floor(input); 
var dest = $('#div-'+parent); 

dest.after(dest.clone().attr('id','div-'+input).text(input)); 

Nota: Esto sólo funcionará una vez entre números enteros. Un método más robusto REQUIERE examinar los ID de todos los divs dentro del destino.