javascript - 隐藏表格的第二行和第三行

Question

<div class="NewsResultsList">   
 <table>
        <tr>
            <td>
                Results:<br/>
                First<br/>
                Second          
            </td>
        </tr>
        <tr>
            <td>        
            </td>
        </tr>
        <tr>
            <td>No Results</td>
        </tr>
    </table>
</div>

我需要隐藏第二行和第三行。

$('div.NewsResultsList table tr:eq(1)').hide(); 
$('div.NewsResultsList table tr:eq(2)').hide(); 

那不是吗？怎么了？

Answer 1

这里有几种方法可以做到这一点:

jsBin demo

$('.NewsResultList tr:gt(0)').hide();

$('.NewsResultList tr').slice(-2).hide();

$('.NewsResultList tr').not(':eq(0)').hide();

$('.NewsResultList tr td:contains("No")').parent('tr').hide();

$('.NewsResultList tr').not(':first').hide();

$('.NewsResultList tr').eq(-1).hide().end().eq(-2).hide();

$('.NewsResultList tr:last').prev().andSelf().hide();