按类重新排序 HTML 元素，而不是按 id答案

【问题标题】：Reorder HTML elements by class, not by id按类重新排序 HTML 元素，而不是按 id
【发布时间】：2012-10-17 17:08:31
【问题描述】：

我看到的每个重新排序元素的示例都使用 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>
   <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");

但我不确定如何通过一般方式或在循环中完成此操作，以便我只能交换单个父元素中的类。

【问题讨论】：

标签： javascript jquery html feed

【解决方案1】：

解决办法

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

它分离日期元素并将其插入到li的第一个位置

【讨论】：

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

【解决方案2】：

我能想到的最简单的解决方案

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

演示http://jsfiddle.net/xs7UG/

【讨论】：