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

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); 
    } 
});