4

要素の並べ替えについて私が見たすべての例では、IDを使用してスワップまたは挿入します。ただし、自分のサイトにフィードを取得していて、IDを使用するかどうかを制御できません。私はblogger.comを使用して記事を作成し、feedburnerを使用してフィードを作成し、それを個人のWebサイトに表示しようとしています。これが私が持っているものです：

<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 に答える