Question

jquery操作表格，移动th标签到指定位置

<table id="myTable">
<tr>
<th></th>
<th id="num2">想移动的行</th>
<th></th>
...移动到这里
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
我想让 id="num2"的那一个<th>标签移动到指定位置，但下面一行的id我又是不知道的，我该怎么操作呢？各位大大帮帮我吧！

Answer 1

Jquery实现移动元素的方法有很多种，这里就说insertAfter方法和insertBefore方法。

insertAfter方法 定义和用法

　　insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。

　　注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。

insertAfter方法 语法

$(content).insertAfter(selector)

实例：

    把id="th1"的th移动到 id="tr1"的tr下的最后一个th元素的后面。

$("th#th1").insertAfter($("tr#tr1>th").last());

insertBefore方法的参数和用法与insertAfter相同，不同的是insertBefore是把匹配的元素插入到另一个指定的元素集合的前面。   

jquery操作文档的方法还有很多，例如append() 、prepend()、after()、before()等等。具体可以百度“jQuery 参考手册 - 文档操作”

Answer 2

var thobj = $("#num2");
var tr = moveobj.parent();

//移动到最后一列
moveobj.appendTo(tr);

//移动到下一列
moveobj.insertAfter(moveobj.next());

Answer 3

var num = $("#num2");
var next_th = num.next();
num.insertAfter(next_th);
这样应该可以，没试过

Answer 4

你是只想移head中tr这一单元格还是要同时移动对应整列数据？

追问

就只要tr中的这一单元格即可

追答

var t=$('#myTable #num2');
t.next('th').after(t);