- ベストアンサー
jQueryでテーブルの行を移動する方法
- jQueryでテーブルの行を移動させる方法を教えてください。
- 特定のボタンをクリックした際に、あるtbody内の内容を別の位置に移動させたいです。
- 具体的には、button1を押下した際に<tbody id = 'test1'>の内容を<tbody id = 'test2'>と<tbody id = 'test3'>の間に移動させたいです。
- 198307040628
- お礼率100% (6/6)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞画面の仕様上どうしてもjQueryでやらなければならないのです #1様の回答でよければ、そのままjQueryでも使えるはずですが・・・？
その他の回答 (1)
- babu_baboo
- ベストアンサー率51% (268/525)
こんばんは。 どれだけ jQuery が、万能なのかは知りませんが、是が非でもそれを使わなければ駄目ですか？ 全角空白は、半角に置き換えて。 <!DOCTYPE html> <title>行を入れ替える</title> <body> <table id = "table_test"> <tbody id = "test1"> <tr> <th>見出し1</th> <th>見出し2</th> <th><input type="button" id="button1" value="テスト1" onclick="a(0,2)"></th> </tr> <tr> <td>項目1</td> <td>項目2</td> <td>項目3</td> </tr> </tbody> <tbody id = "test2"> <tr> <th>見出し1</th> <th>見出し2</th> <th><input type="button" id="button2" value="テスト2" onclick="a(1,100)"></th> </tr> <tr> <td>項目1</td> <td>項目2</td> <td>項目3</td> </tr> </tbody> <tbody id = "test3"> <tr> <th>見出し1</th> <th>見出し2</th> <th><input type="button" id="button3" value="テスト3"></th> </tr> <tr> <td>項目1</td> <td>項目2</td> <td>項目3</td> </tr> </tbody> </table> <script> function a (b, c) { // b を c の前に var d = document.getElementById ('table_test'); var e = d.tBodies; var f = e[c]; f ? d.insertBefore (e[b], f): d.appendChild (e[b]); }; </script>
お礼
babu_babooさん ご回答ありがとうございます。 画面の仕様上どうしてもjQueryでやらなければならないのです。。。
お礼
お礼が遅くなりすみません。 参考にしてうまくできました！ ありがとうございます！