隐藏表格的第二行和第三行答案

【问题标题】：Hide second and third row of table隐藏表格的第二行和第三行
【发布时间】：2025-12-15 08:55:02
【问题描述】：

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

那没做？怎么了？

【问题讨论】：

也放置 div 结构，特别是因为它在选择器中使用。我无法读心。
您的问题代码正在按原样工作。问题真的是错字吗？
修复您的<td><td> 并且...只是一个问题：是否可能需要隐藏第一个？我的意思是......当你需要隐藏元素时？或者你只需要严格隐藏最后两个？
因此，您已使用编辑功能更正了问题中导致其无法正常工作的两个错误。那么剩下的问题是什么？它就像你现在拥有的那样工作。
投票结束。在对问题进行最新编辑后，没有剩余的未解决问题，OP 也没有回应要求澄清的呼吁。

标签： javascript jquery html-table row hide

【解决方案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();

【讨论】：

【解决方案2】：

使用这个脚本：

    <script type="text/javascript">

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


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


        });


    </script>

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

其实应该是

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

DEMO

【讨论】：

【解决方案5】：

两个问题：

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

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

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

【讨论】：

【解决方案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();
});

【讨论】：

这是错误的方向。编辑：嗯，我很笨