Question

我看到的每个重新排序元素的例子都使用ID来交换或插入。但是，我在我的网站上收到了一个Feed，并且无法控制是否使用了ID。我正在尝试使用blogger.com撰写文章，feedburner来创建Feed，并将其显示在我的个人网站上。这就是我所拥有的：

<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");

但是我不确定如何一般地或循环地完成这个，这样我就可以只交换单个父元素中的类。

Answer 1

这是一个解决方案

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

它会分离日期元素并将其插入li

的第一个位置

Answer 2

我能想到的SHortest解决方案

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

DEMO http://jsfiddle.net/xs7UG/

按类重新排序HTML元素，而不是按ID重新排序

2 个答案: