[英]data-id attribute using jquery?
我正在使用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);
},
嘗試這個:
$(".onselectedCategory").click(function(){
alert($(this).data("id"));
});
onselectedCategory
是一個類,因此您需要使用來引用它.
而不是用於ID的#
。
將#data-id
更改為data-id
$(".onselectedCategory").click(function(){
alert($(this).attr("data-id"));
})
編輯主干
selectCategory: function(event){
event.preventDefault();
var selectedValue = "";
if($(e.target).is('li')) {
selectedValue =$(e.target).attr('data-id');
} else {
selectedValue =$(e.target).parent().attr('data-id');
}
alert("Selected Value : "+ selectedValue);
},
onselectedCategory
類必須在標簽<a>
<li><a class="onselectedCategory" data-id="12" bla,bla,bla...</li>
$(".onselectedCategory").click(function(){ alert($(this).data("id")); });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.