使用jquery将一个元素移动到arry的末尾，并在空闲位置插入一个新元素

我有下面的html。我想抓取div2，将其移动到数组的div4末尾之后，并在新的空闲位置插入一个新的div1.5

   <div id="data">
      <div>1</div>  
      <div>2</div>    
      <div>3</div>
      <div>4</div>
    </div>

---

我相信这可以用一艘或两艘班轮来完成。但是如何操作？

您可以使用eq组合选择第二个div，用replaceWith更改其内容，用appendTo将其添加回父div的末尾。请尝试以下操作：

var $div2 = $('#data div').eq(1);
var $newDiv = $('<div />', { text: '1.5' });
$div2.replaceWith($newDiv).appendTo('#data');

---

我不确定，您的问题的背景是什么，但您可以通过以下示例找到一个解决方案：

$'datadiv:eq1'。在'datadiv:eq3'之后插入； $'1.5'。在'data div:eq0'之后插入； 1. 2. 3. 4.

---

探索jquery可拖动的解决方案否我希望以编程方式进行，而不是拖动它。您能否将您的小提琴更改为不使用硬编码值1或任何文本1.5破解：-您的意思是什么？他们不是“黑客”。只要将这些值更改为使用您拥有的任何变量…？当我指的是硬编码值时，请参考元素列表的索引，而不是其中的字符串值：-这就是它所做的-eq1指的是索引中的第二个元素。

$('#data div').eq(1).text('1.5');
$('<div />', { text: '2' }).appendTo('#data');