如何使用jquery獲取數據屬性值

Question

我希望能夠獲取html5屬性值，並讓它們與類的值和屬性名稱匹配 - 然後隱藏點擊。

例如data-table="sample11"應該隱藏sample14和任何其他屬性此頁

我試圖像這樣的class="sample11"相同，但它不是爲我工作 - 下面是我試圖做到這一點的方式 - 這裏是我的小提琴http://jsfiddle.net/breezy/xq6epy39/

任何幫助或指導將有所幫助。謝謝！

<div data-table="sample11"> 
    <a href="#">when i click this 'hide this' in sample11 should hide</a> 
</div> 

<div class="sample11"> 

    hide this 
</div> 


<div data-table="sample14"> 
    <a href="#">when i click this 'hide this' in sample14 should hide</a> 
</div> 

<div class="sample14"> 

    hide this 
</div> 

jQuery的

var sample = $('div').data("table") === "11"; 

sample.click(function() { 

    $('.sample11').hide(); 

}); 

Answer 1

嘗試：

​​

http://jsfiddle.net/4Lor0md5/

Answer 2

可以使用[]指定屬性。有幾個選項使用jquery selectors。

var sample = $('div[data-table="11"]'); 

sample.click(function() { 

    $('.sample11').hide(); 

}); 

Answer 3

你可以使用jQuery的數據屬性。我已修改了代碼

<div> 
    <a href="#" class="clickme" data-table=".sample14">when i click this 'hide this' in sample14 should hide</a> 
</div> 

<div class="sample14"> 

    hide this 
</div> 

$(".clickme").click(function(){ 
    alert($(this).data("table")); 
    $($(this).data("table")).hide(); 
}) 

在地方躲的，你可以調用切換爲隱藏/取消隱藏功能。