想要隱藏使用jQuery的選項卡（數據選項卡）？

<ul class="total"> 
    <li data-tab="general"><i class="final"></i></li> 
    <li data-tab="normal"><i class="small"></i></li> 
</ul>

我這樣做只隱藏一般選項卡。但它會隱藏完整的數據。什麼是最好的解決方案呢？想要隱藏使用jQuery的選項卡（數據選項卡）？

$(document).ready(function(){ 
    var tabs = $("li[data-tab='general']"); 
    tabs.hide();

來源

2014-09-20 kandysingh

我看不出這是一個Joomla相關的問題。 – 2014-09-20 19:31:10

用作'$（「li [data-tab ='general']」）。hide（）'保留你的代碼是好的 – Amit 2014-09-22 06:59:01

我試過了，但它不工作。不隱藏該數據選項卡:( – kandysingh 2014-09-22 07:16:12

目前尚不清楚你真正想要得到什麼。但是，如果你想要得到的任何元素與data-tab屬性指定使用此選擇：

$("li[data-tab]");

來源

2014-09-20 21:19:28

你好，在我的文章中我只想隱藏這個標籤「

」但是，當我申請以上的解決方案，然後它隱藏完整的數據，一般，正常的，UL類等... 所以是有什麼辦法可以隱藏特定的東西 – kandysingh 2014-09-22 06:55:54

如果是這樣，問題出現在代碼的其餘部分。看看這個小提琴：http://jsfiddle.net/o78427cy/1/它完全符合你的需求 – 2014-09-22 08:24:18

是的，真的..讓我知道了，我會更新你:) 感謝您的時間 – kandysingh 2014-09-22 14:00:44

檢查li有data-tab = general然後隱藏

$(document).ready(function() { 

    var tabs = $("ul#total li"); 
    $.each(tabs, function() { 
     if ($(this).attr('data-tab') == 'general') { 
      $(this).hide(); 
     } 
    }); 

});

來源

2014-09-24 13:09:46 turson

想要隱藏使用jQuery的選項卡（數據選項卡）？

回答

相關問題