次のような<tr>
a 内の要素を並べ替えようとしています。<table>
前
<table>
<tbody>
<tr id="foo">...</tr>
<tr id="bar">...</tr>
<tr id="baz">...</tr>
<tr id="qux">...</tr>
</tbody>
</table>
テーブルが次のようになるように行を並べ替えたいとします。
後
<table>
<tbody id="table">
<tr id="foo">...</tr>
<tr id="qux">...</tr>
<tr id="baz">...</tr>
<tr id="bar">...</tr>
</tbody>
</table>
これを行うには、一連の jquery スクリプトを使用します。
$('#table').append($('#qux'));
$('#table').append($('#baz'));
$('#table').append($('#bar'));
しかし、スクリプトを1つにしたいのですが、試してみると:
$('#table').append($('#qux,#baz,#bar'));
元のテーブルでは、何の効果もないようです。なぜこれが機能しないのですか?1つのコマンドでこれを行う方法はありますか?