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

那没做？怎么了？

4

6 回答 6

3

以下是几种方法：

jsBin 演示

$('.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();
于 2012-04-06T18:16:09.450 回答
3

使用此脚本：

    <script type="text/javascript">

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


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


        });


    </script>
于 2012-04-06T18:26:14.340 回答
2

您在 jQuery 调用中拼写NewsResultList错误。("NewsResultsList")... ;)

于 2012-04-06T18:02:27.693 回答
2

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

它实际上应该是

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

演示

于 2012-04-06T18:08:05.553 回答
1

两个问题：

你有NewsResultsList你的选择器，但类是NewsResultList. 两者不相配。

而且，您</td>在表格中缺少 a 。

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

于 2012-04-06T18:03:41.713 回答
0

在你的 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();
});
于 2012-04-06T18:03:49.687 回答