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();

Answer 2

使用此脚本：

    <script type="text/javascript">

        $(document).ready(function (e) {


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


        });


    </script>

Answer 3

你在jQuery调用中拼写错误NewsResultList。（“NewsResultsList”）......;）

Answer 4

您有错误的选择器来访问该表行：

它应该是

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

DEMO

Answer 5

两个问题：

您的选择器中有NewsResultsList，但该类为NewsResultList。两者不匹配。

并且，您在表中缺少</td>。

解决这两个问题，它可以在这里运行：http://jsfiddle.net/jfriend00/pfemk/

Answer 6

在你的html / PHP中试试这个：

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

这是你的jQuery / javascript：

$('#something').click( function() {
    $('.hideMe').hide();
});

隐藏表的第二行和第三行

6 个答案:

jsBin demo