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

很多时候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>