jquery 如何获取ul中li的值

 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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_37591637

请给我持续更新的动力~~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值