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来接收值：
$(".no_hy").click(function(){//点击事件
var id = this.id;获取ID值
var wzid = this.dataset.wzid;//获取点击的文章ID
var k_weizhi = this.dataset.weizhi;//获取点击坐位号
var morenshichang = this.dataset.morenshichang;//获取默认时长
})
