jquery - jquery - 在表格中我如何将列移动到我想要的位置

Question

我确实有一个表格，可以操作，但我在这里给出一个示例.. 我的表格是否包含 th 和 td，我想使用 th 的标题找到一个列，我需要将该列移动到我想要的位置。

就我而言，我做了一项工作，并试图在晚上之后附加到早间专栏，但我得到了错误的结果，有人纠正我吗？

HTML：

<table>
    <tbody>
        <tr>
            <th>Morning</th>
            <th>Afternoon</th>
            <th>Evening</th>
        </tr>
<tbody>
<tbody>
        <tr>
            <td>go to School</td>
            <td>go to Lunch</td>
            <td>go to Sleep</td>
        </tr>
    </tbody>
</table>

jQuery代码：

var morningIndex = $('tr th:contains(Morning)').index();
var Evening = $('tr th:contains(Evening)');


$.each($('tr'), function(n,v){
    morningCol = $(v).children().get(morningIndex);
    $(Evening).after(morningCol);
})

jsfiddle

Answer 1

这对我有用：

var morningIndex = $('tr th:contains(Morning)').index();
var Evening =  $('tr th:contains(Evening)').index();

        $.each($("table tr"), function() { 
            $(this).children(":eq("+Evening+")").after($(this).children(":eq("+morningIndex+")"));
        });

谢谢大家。