使用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列表

回答

相關問題