2

以下は、テンプレートにあるrepetivitehtml構造です。

<div class="mystyle" data-id= "11002">
  <div class="style1-header"><h6>Change Status of Task</h6></div>
  <p class="style1-content">Seriously Change Status of Task</p>
  <p class="style2-content" style="visibility:hidden">12</p>
</div>

上記は私のhtmlテンプレートで繰り返され続けるhtml構造です。上記のように、これらを番号に基づいてソートしたかったの12です。jqueryでそれを行うにはどうすればよいですか？フィドルはここから入手できます。

4

2 に答える 2

5

JavaScriptのArray.sortメソッドを使用して、divの配列を並べ替えます。

var $divs = $('div.mystyle').get().sort(function(a,b){
    var aKey = +$(a).find('p.style2-content').text(),
        bKey = +$(b).find('p.style2-content').text();
    return aKey - bKey;
});

次に、ソートされた配列をDOMに追加します。

$('body').append($divs);
于 2012-07-06T19:03:47.063 に答える
0 
 var $elements = $("div.mystyle");
 function sortFn(a, b) {
      var aText = $(a).find("p:hidden").text();
      var bText = $(a).find("p:hidden").text();
      return aText > bText ? 0 : 1;
 }

 $elements.sort(sortFn);
于 2012-07-06T19:03:35.940 に答える