用jQuery 点击div 获取div>ul>li的值

html：

<div class="listGroup Unaudited">
	<ul>
		<li>xxx</li>
		<li>xx</li>
		<li class="userId">xxxx</li>
	</ul>
</div>

js：

var userId;
$(".Unaudited").click(function(){
	userId=$(this).find(".userId").text();
});

关键点：
children() 方法返回被选元素的所有直接子元素。
该方法只会向下一级对 DOM 树进行遍历。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
所以
userId=$(this).children(".userId").text();
无法获得li中的值