码迷,mamicode.com
首页 > 其他好文 > 详细

通过this获取当前点击选项相关数据

时间:2016-07-21 12:44:34      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

很多时候jquery只能或者应该回去一个集合。然后通过this获取触发时间的对象及相关属性

  this.jq(#needsType).on("click", ".selection", function (e) {

       e.stopPropagation();
    //获取父级元素,使得隐藏的ul在添加on方法后显示出来
var that = $(this).parent(); console.log(that); that.addClass(on); that.find(ul li).click(function () {
    //获取当前点击元素的data属性的val值
var val= $(this).data(val); that.find(input[type=text]).val($(this).text()); that.removeClass(on); }); });

 网页部分

<div id="readStatus" class="e-select w210 fl ml5">
<div class="selection w150">
<input type="text" readonly="" class="text w120 valid fl" value="{{if status}}{{status}}{{else}}请选择{{/if}}" >
<em class="add-on fl"><i class="fa fa-angle-double-down"></i></em>
</div>
<ul class="w150 tc f_12" >
<li data-val="status">全部信息</li>
<li data-val="status">未看过</li>
<li data-val="status">已看过</li>
<li data-val="status">已回答</li>
</ul>
</div>

 

通过this获取当前点击选项相关数据

标签:

原文地址:http://www.cnblogs.com/zzcit/p/5691084.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!