javascript - 使用 Javascript 重新排列 dl 列表

Question

我有一个 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>

我想使用 Javascript/jQuery 将“标题 3”和“信息 3”移动到顶部(我无权访问 HTML)。我不知道如何做到这一点，也不知道这是否可能。有谁知道吗？

谢谢!

Answer 1

如果您想以编程方式移动它 - 即将 message div 的最后一个子元素移动到第一个位置

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

演示:Fiddle

<小时/>

使用 jQuery

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