在表格中移动数据值

时间:2014-03-04 21:27:04

标签: javascript jquery html5

好的,我有一张桌子,我需要在单元格中移动数据。例如,在下表中,我需要单元格中的数据移动一个,如...单元格6移动到单元格9,单元格9移动到单元格8 8移动到单元格7,依此类推。所以只有外面的细胞移动。细胞数5保持不变。这一切都发生在按钮上。如何才能做到这一点?也许是阵列?

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr><tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr><tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

<button id="moveStuff">Move!</button>

1 个答案:

答案 0 :(得分:2)

在这里,我根据需要使用按钮移动单元格值。

FiddleDemo:Demo

脚本:

$(document).ready(function () {
            $("#moveRow").click(function () {
                var MyRows = document.getElementById("cellMove");

                var ninecell = MyRows.rows[2].cells[2].innerHTML;
                MyRows.rows[2].cells[2].innerHTML=MyRows.rows[1].cells[2].innerHTML;
                MyRows.rows[2].cells[1].innerHTML = ninecell;
            });
 });