从表格的最后一行中删除HR标记

时间:2012-05-09 18:47:58

标签: jquery

我正在尝试从表格的最后一行删除HR标记。

这是我的jQuery

$("#tableOptionResults tr:last td").find('hr').remove();

,这是相同的HTML:

 <tr class="shadedRow">
   <td colspan="3">
     <hr />
   </td>
 </tr>

我错过了什么?

修改

这绝对是我的错。人力资源不在最后一排。我最终使用$('#tableOptionResults tr hr:last').remove();来使其正常工作。

4 个答案:

答案 0 :(得分:3)

$('#tableOptionResults tr:last-child hr').remove();

答案 1 :(得分:2)

虽然您可以通过将hr添加到初始选择器来简化此操作,但这对我来说很好。有许多事情需要确定:

  • 您的表格具有正确的ID,即<table id="tableOptionResults">
  • 您要删除的<hr />绝对是上表中的最后一个<tr>
  • 您的HTML验证

答案 2 :(得分:0)

试试这个:

$(".shadedRow").find('hr').remove()

答案 3 :(得分:0)

尝试伪元素css_pseudo_elements

$("#tableOptionResults tr:last-child td").find('hr').remove();​