2

次のような<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つのコマンドでこれを行う方法はありますか?

4

4 に答える 4