html页面代码如下
<span></span>显示选中的li的值
<span id="tresult"></span>
<ul style="list-style:none;" id="uli">
<li>五谷杂粮</li>
<li>水产类</li>
<li>土地</li>
<li>蔬菜</li>
<li>水果</li>
<li>花生坚果类</li>
<li>茶树类</li>
<li>鲜花类</li>
<li>其他</li>
<li></li>
</ul>
jquery代码如下
<script>
$(document).ready(function(){
//根据ul的id来获取下面所有的li元素 并且为每个li配置点击事件
$("#uli li").click(function(){
//获取选中的li里面的值
var v=$(this).text();
//把值放在span里面,显示
$("#tresult").text(v);
})
})
</script>