Using jQuery load method to load new content to a li element

Question

I am having some difficulty using the load method to load new content to a li element. When i try to use this the new content prepends to the element, that is gets added to the top instead of replacing the current content. Here is the element layout

             <!-- 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>';


                  }

and the js function

            //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 is a part of a pagination script I am building. Also the following line

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

Does not apply the class to the nested 'a' element within the selected li. Any help is appreciated.

ID's aren't supposed to be entirely numeric. Give your li IDs an alphabetic prefix. — Asad Saeeduddin, Jan 04 '13 at 00:33
noted, will try something right now, thanks much for the fast reply — kabuto178, Jan 04 '13 at 00:33
@Asad There's nothing in http://www.w3.org/TR/html5/dom.html#the-id-attribute, which supports your claim. — Olaf Dietsche, Jan 04 '13 at 00:35
You probably got an error, and it probably says that `addClass` is not a function. Check your console — Ruan Mendes, Jan 04 '13 at 00:36
@OlafDietsche You're looking at the new spec. Try looking at HTML4: "ID and NAME tokens **must begin with a letter ([A-Za-z])**" — Asad Saeeduddin, Jan 04 '13 at 00:36
sadly missed the addClass >_<, but the main problem is still there — kabuto178, Jan 04 '13 at 00:36
Asad is right here is about [Valid Id](http://stackoverflow.com/questions/7987636/why-cant-i-have-a-numeric-value-as-the-id-of-an-element) — The Alpha, Jan 04 '13 at 00:42
@Asad You're right, found it at http://www.w3.org/TR/html4/types.html#type-name — Olaf Dietsche, Jan 04 '13 at 00:42

Using jQuery load method to load new content to a li element

0 Answers0