<span class="no_hy" data-wzid="0" data-weizhi="0" data-morenshichang="24小时" data-jiage="50元" id="cid5">
通过获取当前点击链接的值,然后将这个值传值并赋值其它元素,这个功能非常有用,具体使用方法如下:
<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>
<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">
获取传的值,使用 this.dataset 来接收值:
var id = this.id;获取ID值
var wzid = this.dataset.wzid;//获取点击的文章ID
var k_weizhi = this.dataset.weizhi;//获取点击坐位号
var morenshichang = this.dataset.morenshichang;//获取默认时长
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!