javascript - 在偶数个 之后添加表格行

Question

我想在表中的偶数行之后添加行

我输入的html是这样的

<table id ="my_table">
    <tbody>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
    </tbody>
</table>

我想要这样的输出

<table id ="my_table">
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
    </tbody>
</table>

我尝试过这个，但没有正确获得输出。

$("</tr><tr>").insertAfter($("td:odd"));

不知道我在哪里犯了错误。

Answer 1

这是一个可行的解决方案。希望对您有帮助!

 $("table#my_table td").each(function (index) {
        var odd = isOdd((index + 1));
        if (odd) {
            $("table#my_table tbody").append($("<tr>").attr("align", "center"));
        }
        $("table#my_table tr").last().append($(this));
    });
    $("table#my_table tr").first().remove();

    function isOdd(num) {
        return num % 2;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<table border = "1" id ="my_table">
    <tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    </tbody>
</table>