您的位置:首页 > Web前端 > JQuery

jquery获取ul中li的值

2016-05-09 15:42 651 查看
通过点击li标签,把值赋给一个文本框
以下是HTML
<div class="con">
<span>您所选取的值为:</span><span><input type="text" id="tresult" /></span>
<br>
<ul id="tcontent">
<li>选项1</li>
<li>选项2</li>
<li>选项3</li>
<li>选项4</li>
<li>选项5</li>
</ul>
<br>
</div>


JS代码
<script>
$(document).ready(function(){
var Uarry=$("#tcontent li");//获取所有的li元素
$("#tcontent li").click(function(){//点击事件
//测试直接获取值 var v=$(this).text(); alert(v);

var count=$(this).index();//获取li的下标
var Tresult=Uarry.eq(count).text();
$("#tresult").val(Tresult);
})
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: