使用Javascript重新排列dl列表

我有一个DL列表，其中包含DT中的标题和DD中的信息。就像这样：使用Javascript重新排列dl列表

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

我想移动“标题3”和“信息3”使用Javascript/jQuery的（我没有访问HTML）的顶部。我不知道如何去做，或者甚至有可能。有人知道吗？

谢谢！

来源

2015-05-12 sand

看看http://jqueryui.com/sortable/ –

如何移动？编程？拖放？排序？ –

我想通过选择一个项目并“告诉它去哪里”以“编程方式”移动列表项。我不想让列表项“可移动”。我被另一个人给了这份名单，如果我想做任何改变，我必须使用JavaScript。 – sand

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

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

演示：Fiddle

使用jQuery

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

来源

2015-05-12 08:59:13

是的....那么它看起来像'lastElementChild'可能是马车（从MDN）它可能会返回一个评论节点 –

@TJCrowder嗯jQuery ......错过了...... –

我认为这可能会工作，谢谢！ – sand

使用Javascript重新排列dl列表

回答

相关问题