jquery - 没有数据时使用删除完整TR

Question

我的 vb.net 应用程序中有以下代码:

<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;" id="ctl00_ContentPlaceHolder2_FormView1" class="innerGridTable">
    <tbody>
        <tr>
            <td colspan="2">
        <tr>
            <td>
                <b>VenueID:</b>
            </td>
            <td>
                <span id="ctl00_ContentPlaceHolder2_FormView1_VenueIDLabel">3</span>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="Update" CssClass="Button" />
                <asp:Button ID="ibtnNewTrainer" runat="server" CausesValidation="False" CommandName="New" CssClass="Button" Text="New Trainer" />
                <asp:Button ID="ibtnSearchCourse" runat="server" CausesValidation="False" CommandName="Search" CssClass="Button" Text="Search Course" />
            </td>
        </tr>
            </td>
        </tr>
    </tbody>
</table>

正如你所看到的第一个 <tr>是空白的 - 只是 <td colspan="2"></td>没有任何数据。我想删除完整的<tr>使用Jquery，当<td>中没有数据时就像上面的情况一样。

Answer 1

$("table tr").each(function() {
   if ($("td:empty",this).length == $("td",this).length) {
       $(this).remove();
   }
});