使用jQuery load方法将新内容加载到li元素

Question

使用load方法将新内容加载到li元素时遇到了一些困难。当我尝试使用它时，新内容会添加到元素之前，这会被添加到顶部而不是替换当前内容。这是元素布局

             <!-- List The News Items mainPage.php-->
                        <li id="news_list"> 

                            <?php include 'libs/file.php';?>
                         </li>

           //pagination links
          for($i=1; $i<=$pages; $i++)
            { 
                echo '<li id="'.$i.'"><a href="#" >'.$i.'</a></li>';


                  }             

和js函数

            //js function
            //Pagination Click
     $(".paging li").click(function(event){
     event.preventDefault();
     $("#news_list").val("");
      //Loading Data
      var pageNum = $(this).attr("id");
     $("#news_list").load("file.php?news_page=" + pageNum);
      $(this).children("a").setClass("active");


});

这是我正在构建的分页脚本的一部分。还有以下一行

              $(this).children("a").setClass("active");

不将类应用于所选li中的嵌套“a”元素。任何帮助表示赞赏。