jquery - 如何使用 Jquery 根据 ID 在两个 Div 之间附加一个 Div？

Question

如果我有这些对象:

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

我有一个文本框:

<input type="text">

我在其中输入值:3.5 以动态生成(我有这方面的代码，下一部分我需要帮助):

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

如何在不首先检查页面上每个 div 的值的情况下按下面的顺序附加它？

<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>

使用:

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

感谢任何帮助，

泰勒

Answer 1

DOM 中的 ID 不应以数字开头(它们将无效)。
它们应该以字符 A-Za-z 开头，然后它们可以有数字，- 和 _ 紧随其后。

但是如果你想走你的路线试试这个:

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

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

这是一个 fiddle 演示:http://jsfiddle.net/maniator/DPMV5/