0

たとえば、私はこのコードを持っています：

<table>
    <tr>
      <td class="last"></td>
      <td></td>
    </tr>
    <tr>
      <td class="last"></td>
      <td></td>
    </tr>
    <tr>
      <td class="another"></td>
      <td></td>
    </tr>
    <tr>
      <td class="another"></td>
      <td></td>
    </tr>
</table>

javascriptを使用してこれを次のように設定したい：

<table>
    <tr>
      <td class="another"></td>
      <td></td>
    </tr>
    <tr>
      <td class="another"></td>
      <td></td>
    </tr>
    <tr>
      <td class="last"></td>
      <td></td>
    </tr>
    <tr>
      <td class="last"></td>
      <td></td>
    </tr>
</table>

必要なのは、javascriptがクラス「last」のtdを検出し、テーブルの行全体をテーブルの一番下に移動することです。

4

4 に答える 4

1 
var last = $( '.last' );
last.parent().parent().append( last.parent() );

JSFiddleデモ。

last.parent().parent()はtable要素であり、last.parent()はtr要素です。

append DOM要素を移動するため、「コピー」されず、最後に移動されます。

于 2012-06-20T11:59:53.443 に答える
1

このプラグインを使用できます: http://tablesorter.com/docs/#Demo

より高度なもの: http://www.trirand.com/blog/jqgrid/jqgrid.html

于 2012-06-20T12:01:23.680 に答える
0

これを試して...

$("table tr td.last").each(function () {
    $(this).parent().insertAfter($("table tr:last"));
});
于 2012-06-20T12:01:34.973 に答える
0

これを試して：

$('td').each(function(){
  if ($(this).hasClass('another')) {
     $(this).insertBefore($('td:first'))
  }
})

デモ

于 2012-06-20T12:02:25.440 に答える