使用jQuery获取ul中所点击li的文本值

HTML

<li class="layui-nav-item">
	<a href="javascript:;">往期作业</a>
	<dl class="layui-nav-child" id="workHistory"> <!-- 二级菜单 -->
		<dd><a href="WorkHistory.jsp" target="i1">数据结构</a></dd>
		<dd><a href="WorkHistory.jsp" target="i1">操作系统原理</a></dd>
		<dd><a href="WorkHistory.jsp" target="i1">计算机网络</a></dd>
		<dd><a href="WorkHistory.jsp" target="i1">Java程序设计</a></dd>
		<dd><a href="WorkHistory.jsp" target="i1">MySQL数据库</a></dd>
	</dl>
</li>

Jq

$("#workHistory dd").each(function () {
    
    
	$(this).click(function () {
    
    
		alert($(this).text());
	});
});