jquery获取ul中li的值
2016-05-09 15:42
651 查看
通过点击li标签,把值赋给一个文本框
以下是HTML
JS代码
以下是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>
相关文章推荐
- jQuery轻松实现表格的隔行变色和点击行变色的实例代码
- jquery实现表格中点击相应行变色功能效果【实例代码】
- jQuery动画
- JQuery--使用JQuery 的$.ajax 方法进行异步请求,导致页面闪烁
- JqueryUI学习笔记-自动完成autocomplete
- jQuery+CSS实现一个侧滑导航菜单代码
- jQuery中.bind() .live() .delegate() .on()的区别
- jquery和js进行添加样式
- jQuery实现点击按钮文字变成input框点击保存变成文字
- jQuery代码实现表格中点击相应行变色功能
- 通过ASP.NET Web API + JQuery创建一个简单的Web应用
- jQuery动画
- jQuery表单选择器
- jquery使用canvas的问题
- jquery实现表格中点击相应行变色功能
- jquery 10分钟 倒计时
- Jquery 自适应宽度的input
- js和jquery中的触发事件
- jQuery学习笔记(二)选择器
- jQuery中的supersized的插件的功能描述