JQuery/PHP

JS获取当前点击链接的值并data传值赋值

阿里云

通过获取当前点击链接的值,然后将这个值传值并赋值其它元素,这个功能非常有用,具体使用方法如下:

  1. <div class="con">
  2. <span>当前点击的元素为:</span><span><input type="text" id="tresult" /></span>
  3. <br>
  4. <ul id="tcontent">
  5. <li>选项1</li>
  6. <li>选项2</li>
  7. <li>选项3</li>
  8. <li>选项4</li>
  9. <li>选项5</li>
  10. </ul>
  11. <br>
  12. </div>
  13.  
  14. <script>
  15. $(document).ready(function(){
  16. var Uarry=$("#tcontent li");//获取所有的li元素
  17. $("#tcontent li").click(function(){//点击事件
  18. //测试直接获取值 var v=$(this).text(); alert(v);
  19.  
  20. var count=$(this).index();//获取li的下标
  21. var Tresult=Uarry.eq(count).text();//获取当前点击元素的值
  22. $("#tresult").val(Tresult);//赋值
  23. })
  24. })
  25. </script>
也想出现在这里?联系我们
创客主机

如何使用点击同时传递多个值呢?就需要通过 data-方式传递。方法如下:

  1. <span class="no_hy" data-wzid="0" data-weizhi="0" data-morenshichang="24小时" data-jiage="50元" id="cid5">

获取传的值,使用 this.dataset 来接收值:

  1. var id = this.id;获取ID值
  2. var wzid = this.dataset.wzid;//获取点击的文章ID
  3. var k_weizhi = this.dataset.weizhi;//获取点击坐位号
  4. var morenshichang = this.dataset.morenshichang;//获取默认时长

JS 获取当前点击链接的值并 data 传值赋值

已有 234 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!