標籤jQuery的 「數據ID」 內容

Question

我不知道如何可以撥打電話到數據-ID jQuery的

例如：

HTML：

<ul class="tab-menu"> 
    <li><a href="#item-1">Item 1</a></li> 
    <li><a href="#item-2">Item 2</a></li> 
    <li><a href="#item-3">Item 3</a></li> 
</ul> 

<div class="tab-wrapper"> 
    <div class="tab-content" data-id="item-1"> 
     .... 
    </div> 
    <div class="tab-content" data-id="item-2"> 
     .... 
    </div> 
    <div class="tab-content" data-id="item-3"> 
     .... 
    </div> 
</div> 

的jQuery ：

$(".tab-menu a").click(function(e) { 
    e.preventDefault(); 
    ... 
}); 

我的等級o f jQuery是非常基本的，有人可以幫助我？

Answer 1

試試這個：

$(".tab-menu a").click(function(e) { 
    $("div [data-id]").hide(); // Hides all the elements with attribute data-id 
    $("div [data-id='" + $(this).attr("href").replace("#","") + "']").show(); // display the div matching the selected li 
    e.preventDefault(); 
}); 

https://jsfiddle.net/u6td2hom/2/

如果你想使用類，而不是隱藏/顯示：按「呼叫

$(".tab-menu a").click(function(e) { 
    $("div [data-id]").removeClass("active"); 
    $("div [data-id='" + $(this).attr("href").replace("#","") + "']").addClass("active"); 
    e.preventDefault(); 
}); 

https://jsfiddle.net/u6td2hom/3/

Answer 2

你是什麼意思到一個數據ID「？如果你想訪問它的內容：

$("div").data("id")

https://api.jquery.com/jquery.data/