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

时间:2013-01-17 09:24:30

标签: jquery dom

我有一个表,要操纵,但我在这里给出一个样本..是我的表包含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

1 个答案:

答案 0 :(得分: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+")"));
        });

谢谢大家。