Question

第一行是在用户键入关键字并点击搜索后显示的搜索结果的容器。第二行在第一次加载网站时自动显示5个随机新闻结果，没有用户查询。站点加载后，用户键入一些关键字并点击搜索。现在两个结果都按照用户关键字返回，5个新闻片将在那里。根据url是否附加了任何查询字符串，如果是，我需要隐藏第二行。如何选择第二行？

假设网址只是：http://mysite/news/pages/default.aspx，那么就不要做任何事情如果网址类似于http://mysite/news/Pages/default.aspx?k=city，则隐藏第二行...

 <div class="NewsResultsList">   
        <table border="1" id="table">
            <tr><td>News Results based on user queries</td></tr>
            <tr><td>Random news results</td></tr>
         </table>
    </div>

Answer 1

另一个选项是$(".NewsResultsList table tr :nth-child(2)").hide();。

Answer 2

//This will hide the second row of the table.
$(".NewsResultsList table tr").eq(1).hide();

供参考：http://api.jquery.com/eq/

Answer 3

看看这个选择器

$(document).ready(function (){
    $('div.NewsResultsList table tr:eq(1)').remove()
})

here's the live example

注意：您应该将行的ID更改为其他名称，因为使用该ID可能会在代码中造成混淆

Answer 4

许多解决方案。这是我能想到的：

$("#table").first().next().hide();

隐藏表jQuery的第二行

4 个答案: