使用Javascript重新排列dl列表

我有一个DL列表，DT中有标题，DD中有信息。如下所示：

<div class="message">  
  <dl>
     <dt>Title 1</dt>
     <dd>Information 1</dd>
  </dl>
  <dl>
     <dt>Title 2</dt>
     <dd>Information 2</dd>
  </dl>
  <dl>
     <dt>Title 3</dt>
     <dd>Information 3</dd>
  </dl>
</div>

标题1
信息1
标题2
信息2
标题3
信息3

我想使用Javascript/jQuery将“标题3”和“信息3”移动到顶部（我没有访问HTML的权限）。我不知道该怎么做，也不知道这是否可能。有人知道吗

---

谢谢

如果您希望以编程方式移动它-即将

消息的最后一个子项

div移动到第一个位置

var el = document.getElementsByClassName('message')[0];
el.insertBefore(el.lastElementChild, el.firstChild);

演示：

---

使用jQuery

$('.message').prepend($('.message > dl').last())

---

如果您想以编程方式移动它-即将

消息的最后一个子项

div移动到第一个位置

var el = document.getElementsByClassName('message')[0];
el.insertBefore(el.lastElementChild, el.firstChild);

演示：

---

使用jQuery

$('.message').prepend($('.message > dl').last())

---

如果您想以编程方式移动它-即将

消息的最后一个子项

div移动到第一个位置

var el = document.getElementsByClassName('message')[0];
el.insertBefore(el.lastElementChild, el.firstChild);

演示：

---

使用jQuery

$('.message').prepend($('.message > dl').last())

---

如果您想以编程方式移动它-即将

消息的最后一个子项

div移动到第一个位置

var el = document.getElementsByClassName('message')[0];
el.insertBefore(el.lastElementChild, el.firstChild);

演示：

---

使用jQuery

$('.message').prepend($('.message > dl').last())

---

看看如何移动？以编程方式？拖放？排序？我想通过选择一个项目并“告诉它去哪里”来“以编程方式”移动列表项。我不想让列表项“可移动”。另一个人给了我这个列表，如果我想做任何更改，我必须使用JavaScript。看看如何移动？以编程方式？拖放？排序？我想通过选择一个项目并“告诉它去哪里”来“以编程方式”移动列表项。我不想让列表项“可移动”。另一个人给了我这个列表，如果我想做任何更改，我必须使用JavaScript。看看如何移动？以编程方式？拖放？排序？我想通过选择一个项目并“告诉它去哪里”来“以编程方式”移动列表项。我不想让列表项“可移动”。另一个人给了我这个列表，如果我想做任何更改，我必须使用JavaScript。看看如何移动？以编程方式？拖放？排序？我想通过选择一个项目并“告诉它去哪里”来“以编程方式”移动列表项。我不想让列表项“可移动”。另一个人给了我这个列表，如果我想做任何更改，我必须使用JavaScript。是的。。。。然后它看起来像是

lastElementChild

可能有bug（来自MDN），在那里它可以返回注释nodeeyes。。。。然后它看起来像是

lastElementChild

可能有bug（来自MDN），在那里它可以返回注释nodeeyes。。。。然后它看起来像是

lastElementChild

可能有bug（来自MDN），在那里它可以返回注释nodeeyes。。。。然后它看起来像是

lastElementChild

可能有缺陷（来自MDN），在那里它可以返回一个注释节点