自定义 data 属性的使用

可以为HTML元素指定自定义属性和属性值，可以在JQuery中获得这些属性值加以利用

<div class="btn-group pull-right tool-groupby switch-selected">
　　<button type="button" class="btn btn-default dropdown-toggle selected-sort" data-toggle="dropdown"
　　　　aria-expanded="false">我负责的<span class="caret"></span></button>
　　<ul class="dropdown-menu ul-width" role="menu" data-case="groupby">
　　　　<li data-scope="isMyDuty" class="hide"><a href="#">我负责的</a></li>
　　　　<li data-scope="ALL"><a href="#">所有变更</a></li>
　　</ul>
</div>

 

上面为<li> 元素指定了自定义属性 data-scope和其属性值 ，在JQuery中可使用 attr() 方法获得，

也可以使用data() 方法获得其属性值

var scope = $('.tool-groupby').find('li.hide').data('scope');