如何在使用 Jquery 动态生成的表的每三行附加 html 标签

Question

有没有一种方法可以使用 Jquery 在每三个动态生成的表格单元格之后插入 '' 标签，以便我最终得到一个动态三列表格？

请原谅我缺乏知识，我实际上是在尝试编写我的第一个 jquery 脚本，所以我一无所知。我知道 php，并且我有一个表，其中有一个循环，该表使用每个标签内的信息动态创建 。换句话说，它在静态 标记内动态创建表格单元格。问题是它不断输出表而不将它们分成行，这给我留下了一堆列。我读过关于此的其他文章，但似乎没有一篇文章与我有完全相同的问题，而且我仍在努力理解如何编写自定义 Jquery 代码。

php 代码非常长，充满了许多 if 语句和其他函数，所以我不打算将其发布在这里，只是为了使其更简单，我制作了我想要做的事情的微型模型。

            <table id="mytable" width="266" border="1" cellspacing="10" cellpadding="10">
              <tr>
            <?php
            $x=0;
            while (have_products($x)) {
                echo '<td>' . somelongassfunction() . '</td>';
                $x++;
            if (fmod($x,3) == 0) {
                echo '</tr><tr>';
                continue;
                }
            if ($x==20){
                echo '</tr>';
                }   
            }
            function somelongassfunction(){
                return 'Hello';
                }
            function have_products($a){
                return $a<=20;
                }   
            ?>

            </table>

此代码循环并动态添加表格单元格，直到我给它的限制，这将代表我的数据库项目。每三行，它会添加一个 或仅添加一个 ，具体取决于循环是否继续。这将创建一个 3 列的表。我无法将此代码应用于我的脚本，因为它是一个非常长且复杂的脚本，有很多 if 语句和函数。没有办法在不破坏代码或必须从头开始重写所有内容的情况下做到这一点。

无论如何，我可以使用 Jquery 动态附加 tr 标签吗？我将如何应用它？

Answer 1

jQuery 方法是循环遍历所有选项卡，并将它们添加到新创建的标签中，这些标签本身会添加到表的 html 中。粗略地：（

var thisCount=0;
var currenttag="<tr />";
var table=$("table");
$("td").each(function () 
{
    if(thiscount==2)
        {
             table.appendChild(currenttag);
             thisCount=0;
             currenttag="<tr />";
        }
     currenttag.appendChild(this);
}

这只是提供一个想法，并不是作为正式的 JQ 答案。如果有人想对其进行编辑以使其完全正常工作，请随意）。

Answer 2

您可以使用选择器来选择每第三行：

$('#table_id > tr:nth-child(3n)').whatever_function()

但是，如果您尝试附加结束 /tr 标记，请尝试在 PHP 中使用可重置的计数器来执行此操作（此代码应该可以帮助您开始）：

echo "<tr>";
$x = 0;
$y = 0;
while (have_products($x)) {
    echo '<td>' . somelongassfunction() . '</td>';
    $y++;
    if ($y == 3) {
        $y = 0;
        echo "</tr><tr>";
    }
    $x++;
}
echo "</tr>";