使用jquery的data-id属性？

Question

我正在使用jQuery.我需要获取所data-id点击的项目并将其传递给Web服务.我如何获得data-id属性？

我的HTML看起来像这样:

<ul class="nav nav-pills">
    <li class="onselectedCategory" data-id="12"><a href="javascript:;;">12</a></li>
    <li class="onselectedCategory" data-id="23"><a href="javascript:;;">23</a></li>
    <li class="onselectedCategory" data-id="34"><a href="javascript:;;">34</a></li>
    <li class="onselectedCategory" data-id="45"><a href="javascript:;;">45</a></li>
    <li class="onselectedCategory" data-id="56"><a href="javascript:;;">56</a></li>
</ul>

我的JavaScript看起来像这样:

events{
      "click li.onselectedCategory": "selectCategory"
    }

selectCategory: function(event){
      event.preventDefault();
        var _selectedValue = $(this).data('id'); 
        alert("Selected Value : "+_selectedValue);
    },

Answer 1

试试这个:

$(".onselectedCategory").click(function(){ 
    alert($(this).data("id")); 
});

onselectedCategory是一个类,因此你需要用a引用它.而不是#用于id的类.