Javascript 按类而不是按id对HTML元素重新排序

我看到的每个重新排序元素的示例都使用ID来交换或插入。然而，我在我的网站上获得了一个提要，我无法控制是否使用了ID。我试图使用blogger.com撰写文章，feedburner创建提要，并将其显示在我的个人网站上。以下是我所拥有的：

<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').each( function() {
    var $this = $( this );
    $this.prepend( $( '.date', $this ) ) ;
} );

---

它分离日期元素并将其插入到我能想到的最短解决方案中的第一个位置

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

---

演示

这对我来说毫无意义，但效果很好。非常感谢你！好奇您是否知道以下内容：“this”指的是“li”元素？或者，也许有一种简单的英语方式来解释这段代码到底在做什么。

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

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