使用.not（）初始化文檔時無法隱藏div

我希望你能幫助我。

以下代碼在頁面加載時並不隱藏.news div，即使它們是$(document).ready(function(){之後的第一行代碼。

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

但是這兩條線後的JavaScript代碼的其餘部分完美的作品，我沒有得到在瀏覽器控制檯中的任何錯誤的js要麼。

HTML

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

來源

2015-12-10 Bill Clinton

爲什麼不'：gt'選擇，而不是'：沒有：lt' – Tushar

這是容納超過1個格嗎？如果沒有，你可以給它一個ID，並選擇這種形式。 – Dane

對我來說很好：https：//jsfiddle.net/L0n71Ldz/，是否動態添加了你的新聞？ – Pete

您的代碼會隱藏從第6個頁面中所有的。新聞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();

來源

2015-12-10 11:29:17 gaetanoM

嘗試：

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

jsfiddle

來源

2015-12-10 11:30:08

使用.not（）初始化文檔時無法隱藏div

回答

相關問題