jQuery load（），然后在所加載的內容上使用hide（）

Question

我正在加載一系列<li> ，然后要隱藏除前9個之外的所有內容...我正在使用：

$(document).ready(function() {
    $("#myList").load("tweet-list.php");
    var refreshId = setInterval(function() {
        $("#myList").load('tweet-list.php', function() {
            $('#myList li:gt(8)').hide();
        });
    }, 120000);
   $.ajaxSetup({ cache: false });
}); 

但是我無法獲得$('#myList li:gt(8)').hide(); 部分起作用，因此整個文件都會顯示...我想我需要使用.live（），但是我不確定要使用哪個事件。 任何幫助將不勝感激！

Answer 1

我建議將它們加載為隱藏狀態，然后顯式顯示要查看的內容。 .hide()函數異步運行，您最終可能會感到有些奇怪。

Answer 2

$('#myList li').filter(function(){ return $(this).index()>8; }).hide();

例如