Question

我有一些看起来像这样的HTML ....

<body class="BirtViewer_Body" style="overflow:hidden; direction: ltr" leftmargin="0px" scroll="no" onload="javascript:init( );">
<table id="layout" cellspacing="0" cellpadding="0" style="width:100%;height:100%">
<tbody>
<tr class="body_caption_top">
<td colspan="2"></td>
</tr>
<tr class="body_caption" valign="bottom">
<td colspan="2">
<table width="100%" cellspacing="0" cellpadding="1px" border="0">
<tbody>
<tr>
<td width="3px"> </td>
<td>
<b> </b>
</td>
<td align="right"> </td>
<td width="3px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>

我想删除tr body_caption_top和tr body_caption。有人可以帮助我使用查询表达式来执行此操作。

感谢。我还在学习。

Answer 1

使用jquery remove：

$("#layout").find("tr.body_caption, tr.body_caption_top").remove();

Answer 2

您可以使用.remove()：

$('tr.body_caption_top, tr.body_caption').remove();

或者您可以使用.hide()以相同的方式隐藏它们。

jquery表达式删除tbody中的tr

2 个答案: