零基础学做网站培训介绍

当前位置:

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

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

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>

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


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

多个传值
</span>

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


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

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • PHP程序如何要传递一个变量或者一个参数,可以通过表单和地址栏二种方式来传递。其中通过地址栏URL来传递/获取变量参数,最简单,特别实用。在实际应
  • 在自己建网站时,往往在不同分类调用出不同的属性,需要结合调用各类分类的别名或者分类的ID号,如何让WORDPRESS程序自动调用出不同分类的别名和ID号
  • 问:老师你好,我学习了网站制作课程,然后自己用wordpress程序做了一个网站,在网站的后台添加了几个分类,有一个分类下面还包含了几个子分类,我想
  • 在企业网站制作时,需要在网站的边栏列出企业产品分类,如果公司网站产品项目很多的情况,就需要设置二级分类或者子分类。如下图:如何在自己
  • 在使用wordpress建网站时,往往需要在侧边栏调用当前栏目的子分类子目录,而且在点击子目录时,还会侧边栏显示这些子目录的分类。在wp程序下,
  • 很多网站都会在顶部显示实时的日期,时间,而且时间可以根据自己电脑的时间自动的更新。就像网站上装了一个时钟一样,当用户进入我们做的网站时就会看
  • 有些同学在使用WP程序做网站时,安装了WP程序之后进入配置数据库这一步,可是出现了点击‘创建配置文件’无反应的情况,这是由于有些同学使用的网站空间
  • 我们在进行DZ模板制作时,使用DIY功能去调用论坛中的不同版块的数据,由于DIY会自动增加外面的层,有时会导致某些模板的diy没反应,也有的只会显示不
  • 在学做网站论坛前面的教程:wordpress制作符合Bootstrap的导航栏菜单(带二级菜单),我们可以制作出带有二级下拉菜单的导航。但是有的建网站学员在制
  • 有些学习discuz仿站教程过程中,首先是通过本地环境来仿网站,然后将本地环境搬家到网站空间里,在搬家过程中,却出现一些错误,例如搬家网站后出现Da
  • 通过获取当前点击链接的值,然后将这个值传值并赋值其它元素,这个功能非常有用。具体使用方法如下:HTML代码:[cce_html]<div class="con
  • 有的时候,建网站时我们需要把php变量的值赋值给js变量,特别是如果php变量类型为string的时候,很容易出错。下面举例说明一下php变量如何赋值给j
  • 老师您好,我问一下,我现在自己在用PHP做一个网站,现在有一个功能有点问题,就是我用PHP for 循环去循环一个数组,我现在想让这个数组里的二个
  • jquery怎么自动给input的value赋值,很多新手都不知道怎么操作,下面介绍一下操作方法。方法/步骤 首先我们用Dreamweaver新建html文档,并保存