html() sur li ne fonctionne pas

salut,
je m'essaye à un petit script jquery, mais je rencontre un souci.
J'essaie de récupérer le contenu d'un element li. J'arrive à accéder à ce dernier mais pas à récupérer son contenu... quand j'applique la méthode html(), ça ne fonctionne pas ! Voici le code ci-dessous
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <body> <h3>Recent News</h3> <div id="news_panel"> <ul> <li><a href="test1">test1</a></li> <li><a href="test2">test2</a></li> <li><a href="test3">tes3</a></li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function() { var $news = $('#news_panel ul').children(); $news.css({'display':'inline'}); alert($news[0]); // fonctionne alert($news[0].html()); // ne fonctionne pas }); </script> </body>
Merci de vos éclairages

Essaie

Code:

alert($news[0].val());

pareil, ça ne fonctionne pas...

Bonsoir.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
	//mettre le résultat dans une var $this ou autre est souvent source d'erreur
	var $news = $('#news_panel ul').children(); //retourne tous les enfants de 
 
	alert($news.html()); //renvoie uniquement le code html du premier enfant
 
	$('#news_panel ul').children().each(function(i, item){
 
		$(item).css({display:'inline'});
 
		alert("item[" + i + "] = " + item);
		alert("code html de item[" + i + "] = " + $(item).html());
	});