jquery 如何获取ul中li的值

版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/89010736

 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>