Question

我有一块HTML无法直接访问，但想要使用CSS或Javascript隐藏某些部分。下面是它的样子，以及我试图隐藏的部分：

<div id="container">
    <h3>Title here</h3>
    <table class="cool">
        <tr><td>hide this</td></tr>
        <tr><td>hide this</td></tr>
        <tr><td>dont hide this</td></tr>
        <tr><td>hide this</td></tr>
    </table>
    <h3>More nonsense</h3>
    <table class="cool">
        <tr><td>keep all of this</td></tr>
        <tr><td>keep all of this</td></tr>
    </table>
</div>
<hr>
<table class="cool">
    <tr><td>hide all of this</td></tr>
    <tr><td>hide all of this</td></tr>
</table>

Answer 1

这将执行相关显示的确切布局。对具有相同类的表的行数或数量的任何更改都可能导致它失败但

var $tables = $('table.cool');

$tables.eq(0).find('tr').not(':eq(2)').hide();
$tables.eq(2).children().hide();

或者为了最后一个表隐藏整个事物

 $tables.eq(2).hide();

如果您想要删除这些行，请将remove()替换为hide()

的 DEMO

如何在div中选择没有选择器的元素

1 个答案: