Jquery 表-每行3个单元格

-我已经完成的基本样本

我正在尝试重新排列表格单元格，以便表格每行始终有3个单元格。默认情况下，表每行始终有1个单元格

默认表格外观：

1
2
3
4
5
6
7

结果应该是

1 2 3
4.56
七,

---

jQuery应该限制每行3个单元格。

您可以尝试以下方法

var表$=$（''）；
$（'table.myTable td'）。每个（函数（索引）{
如果（索引%3==0）{
表$.append（“”）；
}
表$.find（'tr:last'）.append（this）；
});
$（'body'）。追加（表$）；

---

这不是世界上最好的jQuery代码，但是，嘿，我正在学习：）

你可以试试这样的代码

var表$=$（''）；
$（'table.myTable td'）。每个（函数（索引）{
如果（索引%3==0）{
表$.append（“”）；
}
表$.find（'tr:last'）.append（this）；
});
$（'body'）。追加（表$）；

---

它不是世界上最好的jQuery代码，但是，嘿，我正在学习：）

您可以使用slice以您想要的方式分割您的

td

，并将它们附加到des表中

while($("#source td").length > 0){
    $("#des").append($("<tr/>").append($("#source td").slice(0, 3)));
}
$("#source").remove(); 

while（$（“#源代码”）.length>0）{
$（“#des”）.append（$（“”）。append（$（“#source td”）.slice（0,3））；
}
$（“#源”）.remove（）；

鉴于这一来源：

<table id="source">
    <tr>
        <td>1
        </td>
    </tr>
    <tr>
        <td>2
        </td>
    </tr>
    <tr>
        <td>3
        </td>
    </tr>
    <tr>
        <td>4
        </td>
    </tr>
    <tr>
        <td>5
        </td>
    </tr>
    <tr>
        <td>6
        </td>
    </tr>
    <tr>
        <td>7
        </td>
    </tr>
</table>

1.
2.
3.
4.
5.
6.
7.

您将得到以下结果：

<table id="des">
    <tbody>
        <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>
        </tr>
    </tbody>
</table>

1.
2.
3.
4.
5.
6.
7.

---

上的示例。

您可以使用slice以您想要的方式分割您的

td

，并将其附加到des表中

while($("#source td").length > 0){
    $("#des").append($("<tr/>").append($("#source td").slice(0, 3)));
}
$("#source").remove(); 

while（$（“#源代码”）.length>0）{
$（“#des”）.append（$（“”）。append（$（“#source td”）.slice（0,3））；
}
$（“#源”）.remove（）；

鉴于这一来源：

<table id="source">
    <tr>
        <td>1
        </td>
    </tr>
    <tr>
        <td>2
        </td>
    </tr>
    <tr>
        <td>3
        </td>
    </tr>
    <tr>
        <td>4
        </td>
    </tr>
    <tr>
        <td>5
        </td>
    </tr>
    <tr>
        <td>6
        </td>
    </tr>
    <tr>
        <td>7
        </td>
    </tr>
</table>

1.
2.
3.
4.
5.
6.
7.

您将得到以下结果：

<table id="des">
    <tbody>
        <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>
        </tr>
    </tbody>
</table>

1.
2.
3.
4.
5.
6.
7.

---

示例。

是否需要一个脚本将单单元格表行动态转换为3单元格表行？我同意@FarligOpptreden的观点——这里不太清楚您想寻求什么帮助？请编辑问题以便更好地解释问题。：）您想使用表而不是div有什么特别的原因吗？您想要一个脚本来动态地将单单元格表行转换为3单元格表行吗？我同意@FarligOpptreden的观点——您在这里寻求的帮助不是很清楚？请编辑问题以便更好地解释问题。：）您想使用表而不是div，有什么特别的原因吗？谢谢。对于我的桌子来说，这真是个不错的选择。我也在学习，我非常接近这个代码。做得好！非常感谢。对于我的桌子来说，这真是个不错的选择。我也在学习，我非常接近这个代码。做得好！