使用.not（）初始化文档时无法隐藏div

Question

美好的一天

我希望你能帮助我。

以下代码在页面加载时不会隐藏.news div，即使它们是$(document).ready(function(){之后的第一行代码。

var news = 5;
$(".news:not(:lt("+news+"))").hide();

然而，在这两行之后的其余javascript代码完美无瑕地工作，我也没有在浏览器控制台中获得任何js错误。

HTML

<div class='news row' >
</div>

Answer 1

您的代码将隐藏页面中从第6个到最后的所有.news div，如：

$("#btn").click(function() {
  var news = 5;
  $(".news:not(:lt("+news+"))").hide();
});

 <script src="//code.jquery.com/jquery-1.11.3.js"></script>
<div class='news row' >
    1111111
</div>
<div class='news row' >
    2222222222222
</div>
<div class='news row' >
    33333333333333
</div>
<div class='news row' >
    44444444444444
</div>
<div class='news row' >
    5555555555555555
</div>
<div class='news row' >
    666666666666666
</div>
<div class='news row' >
    777777
</div>
<div class='news row' >
    88888888
</div>
<button id="btn">Click Me to hide</btn>

仅隐藏第一个div：

     $(".news:eq(0)").hide();

Answer 2

试一试：

var news = 5;
$(".news:gt("+(news-1)+")").hide();

jsfiddle