按類別重新排序HTML元素，而不是按照編號

每個我已經看到的重新排序元素的示例都使用ID來交換或插入。但是，我收到了我的網站上的Feed，無法控制是否使用了ID。我正嘗試使用blogger.com撰寫文章，feedburner來創建Feed，並將其顯示在我的個人網站上。這裏是我有：按類別重新排序HTML元素，而不是按照編號

<li> 
    <span class="headline"> 
     <a href="webpage.html">Article Link</a> 
    </span> 
    <p class="date">8/3/2012</p> 
    <div> Brief article intro...</div> 
</li>

下面是我想：

<li> 
    <p class="date">8/3/2012</p> 
    <span class="headline"> 
     <a href="webpage.html">Article Link</a> 
    </span> 
    <div> Brief article intro...</div> 
</li>

我理解的例子我見過像這樣：

$("#div2").insertAfter("#div3"); 
$("#div1").prependTo("#div2");

但我不知道如何一般地或在一個循環中完成此操作，以便我可以在一個父元素內只交換類。

來源

2012-10-27 carter

這裏有一個解決方案

$('li').each(function() { 
    var $this = $(this); 
    $this.prepend($('.date', $this)) ; 
});

它分離日期元素，並在li

來源

2012-10-27 20:16:25 bukart

這對我來說確實沒有意義，但是這個效果很好。非常感謝！好奇，如果你知道以下內容：「這」是指「李」元素？或者，也許有一種簡單的英語方式來解讀這些代碼正在做什麼。 – carter

最短的解決方案的第一位置插入它，我能想到的

$('.date').each(function() { 
    $(this).parent().prepend(this); 
})

DEMO http://jsfiddle.net/xs7UG/

的

來源

2012-10-27 20:19:03 charlietfl

這個工程也很棒。謝謝！愛那個jsfiddle :) – carter

按類別重新排序HTML元素，而不是按照編號

回答

相關問題