當且僅當行的第一個單元格值不等於下一行的第一個單元格值時如何插入表格行？

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