jQueryでテーブルtbodyの行を反転したい。
私が持っているもの:
<table width="630" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td>TITLE A</td>
<td>TITLE B</td>
(...) jsfiddle で続行します。
ここで私が持っているものと欲しいもの: http://jsfiddle.net/ZaUrP/1/
jQueryでテーブルtbodyの行を反転したい。
私が持っているもの:
<table width="630" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td>TITLE A</td>
<td>TITLE B</td>
(...) jsfiddle で続行します。
ここで私が持っているものと欲しいもの: http://jsfiddle.net/ZaUrP/1/
他の人とほとんど同じですが、私だけが .detach() を使用しますtr
。また、$.makeArray を使用proto
して、ベース jQuery オブジェクトの内容を元に戻さないようにしています。
$(function(){
$("tbody").each(function(elem,index){
var arr = $.makeArray($("tr",this).detach());
arr.reverse();
$(this).append(arr);
});
});
$('tbody').each(function(){
var list = $(this).children('tr');
$(this).html(list.get().reverse())
});