当且仅当行的第一个单元格值不等于下一行的第一个单元格值时，如何插入表行？

Question

             <table>
                <tr>
                   <td>aaa</td>
                   <td>111</td>
                </tr>
                <tr>
                   <td>aaa</td>
                   <td>222</td>
                </tr>
                <tr>
                   <td>bbb</td>
                   <td>111</td>
                </tr>
                <tr>
                   <td>bbb</td>
                   <td>222</td>
                </tr>
             </table>

在该示例中，第二行第一单元格值'aaa'和第三行第一单元格值'bbb'不相同。现在如何在第二行和第三行之间添加新的表行。

Answer 1

您可以使用$()从标记创建元素，并使用insertBefore()将其添加到特定元素之前：

$("tr").each(function() {
    var $prev = $(this).prev("tr");
    if ($prev.length
        && $("td:first", $prev).text() != $("td:first", this).text()) {
        $("<tr><td>New</td><td>Row</td></tr>").insertBefore(this);
    }
});