<ul class="sidemenu" id="friendGroups">
<li><a href="javascript:">全部好友</a></li>
<li><a href="javascript:">同学</a></li>
<li><a href="javascript:">朋友</a></li>
</ul>
我要取得每一个<a>中的值，当单击每一个<a>时显示该<a>中的内容
请高手赐教啊！
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#friendGroups li > a').click(function(){
alert($(this).html());
})
})
</script>
</head>
<body>
<ul class="sidemenu" id="friendGroups">
<li><a href="javascript:">全部好友</a></li>
<li><a href="javascript:">同学</a></li>
<li><a href="javascript:">朋友</a></li>
</ul>
</body>
</html>