想要隐藏使用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的选项卡（数据选项卡）？

回答

相关问题