4

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

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

4

2 回答 2

2

这是一个解决方案

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

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

于 2012-10-27T20:16:25.730 回答
1

我能想到的最短解决方案

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

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

于 2012-10-27T20:19:03.863 回答